@charset "UTF-8";

.clear::before, .m-app-down .section::before, .clear::after, .m-app-down .section::after { content: ''; display: table; }

.clear::after, .m-app-down .section::after { clear: both; }

.center-block { display: block; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.color-orange { color: rgb(238, 110, 80); }

.color-orange:hover { color: rgb(215, 88, 58); }

.color-unclickable { color: rgb(146, 146, 146); }

.border-box { box-sizing: border-box; }

@font-face { font-family: icomoon; src: url(http://m.tmtpost.com/public/fonts/icomoon.eot?#iefix-csk716) format(embedded-opentype), url(http://m.tmtpost.com/public/fonts/icomoon.woff?-csk716) format(woff), url(http://m.tmtpost.com/public/fonts/icomoon.ttf?-csk716) format(truetype), url(http://m.tmtpost.com/public/fonts/icomoon.svg?-csk716#icomoon) format(svg); font-weight: normal; font-style: normal; }

[class^="icon-"], [class*=" icon-"] { font-family: icomoon; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-tread::before { content: ; }

.icon-like-1::before { content: ; }

.icon-ribbon-1::before { content: ; }

.icon-iconfont-v::before { content: ; }

.icon-iconfont-present::before { content: ; }

.icon-wealth::before { content: ; }

.icon-h2::before { content: ; }

.icon-read::before { content: ; }

.icon-message::before { content: ; }

.icon-QQ::before { content: ; }

.icon-tengxun::before { content: ; }

.icon-weibo::before { content: ; }

.icon-weixin::before { content: ; }

.icon-Shape102::before { content: ; }

.icon-Shape10::before { content: ; }

.icon-tag2::before { content: ; }

.icon-Shape2::before { content: ; }

.icon-Shape9-1::before { content: ; }

.icon-Shape9::before { content: ; }

.icon-Shape::before { content: ; }

.icon-time::before { content: ; }

.icon-svg::before { content: ; }

.icon-arrow-l::before { content: ; }

.icon-arrow-r::before { content: ; }

.icon-like::before { content: ; }

.icon-star2::before { content: ; }

.icon-star-outline::before { content: ; }

.icon-warning-outline::before { content: ; }

.icon-pin-outline::before { content: ; }

.icon-lightbulb::before { content: ; }

.icon-help2::before { content: ; }

.icon-info-outline::before { content: ; }

.icon-phone-iphone::before { content: ; }

.icon-star3::before { content: ; }

.icon-star-outline2::before { content: ; }

.icon-eye::before { content: ; }

.icon-paper-clip::before { content: ; }

.icon-mail::before { content: ; }

.icon-toggle::before { content: ; }

.icon-layout::before { content: ; }

.icon-link::before { content: ; }

.icon-bell::before { content: ; }

.icon-lock::before { content: ; }

.icon-unlock::before { content: ; }

.icon-ribbon::before { content: ; }

.icon-image::before { content: ; }

.icon-signal::before { content: ; }

.icon-target::before { content: ; }

.icon-clipboard::before { content: ; }

.icon-clock::before { content: ; }

.icon-watch::before { content: ; }

.icon-air-play::before { content: ; }

.icon-camera::before { content: ; }

.icon-video::before { content: ; }

.icon-disc::before { content: ; }

.icon-printer::before { content: ; }

.icon-monitor::before { content: ; }

.icon-server::before { content: ; }

.icon-cog::before { content: ; }

.icon-heart::before { content: ; }

.icon-paragraph::before { content: ; }

.icon-align-justify::before { content: ; }

.icon-align-left::before { content: ; }

.icon-align-center::before { content: ; }

.icon-align-right::before { content: ; }

.icon-book::before { content: ; }

.icon-layers::before { content: ; }

.icon-stack::before { content: ; }

.icon-stack-2::before { content: ; }

.icon-paper::before { content: ; }

.icon-paper-stack::before { content: ; }

.icon-search::before { content: ; }

.icon-zoom-in::before { content: ; }

.icon-zoom-out::before { content: ; }

.icon-reply::before { content: ; }

.icon-circle-plus::before { content: ; }

.icon-circle-minus::before { content: ; }

.icon-circle-check::before { content: ; }

.icon-circle-cross::before { content: ; }

.icon-square-plus::before { content: ; }

.icon-square-minus::before { content: ; }

.icon-square-check::before { content: ; }

.icon-square-cross::before { content: ; }

.icon-microphone::before { content: ; }

.icon-record::before { content: ; }

.icon-skip-back::before { content: ; }

.icon-rewind::before { content: ; }

.icon-play::before { content: ; }

.icon-pause::before { content: ; }

.icon-stop::before { content: ; }

.icon-fast-forward::before { content: ; }

.icon-skip-forward::before { content: ; }

.icon-shuffle::before { content: ; }

.icon-repeat::before { content: ; }

.icon-folder::before { content: ; }

.icon-umbrella::before { content: ; }

.icon-moon::before { content: ; }

.icon-thermometer::before { content: ; }

.icon-drop::before { content: ; }

.icon-sun::before { content: ; }

.icon-cloud::before { content: ; }

.icon-cloud-upload::before { content: ; }

.icon-cloud-download::before { content: ; }

.icon-upload::before { content: ; }

.icon-download::before { content: ; }

.icon-location::before { content: ; }

.icon-location-2::before { content: ; }

.icon-map::before { content: ; }

.icon-battery::before { content: ; }

.icon-head::before { content: ; }

.icon-briefcase::before { content: ; }

.icon-speech-bubble::before { content: ; }

.icon-anchor::before { content: ; }

.icon-globe::before { content: ; }

.icon-box::before { content: ; }

.icon-reload::before { content: ; }

.icon-share::before { content: ; }

.icon-marquee::before { content: ; }

.icon-marquee-plus::before { content: ; }

.icon-marquee-minus::before { content: ; }

.icon-tag::before { content: ; }

.icon-power::before { content: ; }

.icon-command::before { content: ; }

.icon-alt::before { content: ; }

.icon-esc::before { content: ; }

.icon-bar-graph::before { content: ; }

.icon-bar-graph-2::before { content: ; }

.icon-pie-graph::before { content: ; }

.icon-arrow-left::before { content: ; }

.icon-arrow-right::before { content: ; }

.icon-arrow-up::before { content: ; }

.icon-arrow-down::before { content: ; }

.icon-volume::before { content: ; }

.icon-mute::before { content: ; }

.icon-content-right::before { content: ; }

.icon-content-left::before { content: ; }

.icon-grid::before { content: ; }

.icon-grid-2::before { content: ; }

.icon-columns::before { content: ; }

.icon-loader::before { content: ; }

.icon-bag::before { content: ; }

.icon-ban::before { content: ; }

.icon-flag::before { content: ; }

.icon-trash::before { content: ; }

.icon-expand::before { content: ; }

.icon-contract::before { content: ; }

.icon-maximize::before { content: ; }

.icon-minimize::before { content: ; }

.icon-plus::before { content: ; }

.icon-minus::before { content: ; }

.icon-check::before { content: ; }

.icon-cross::before { content: ; }

.icon-move::before { content: ; }

.icon-delete::before { content: ; }

.icon-menu::before { content: ; }

.icon-archive::before { content: ; }

.icon-inbox::before { content: ; }

.icon-outbox::before { content: ; }

.icon-file::before { content: ; }

.icon-file-add::before { content: ; }

.icon-file-subtract::before { content: ; }

.icon-help::before { content: ; }

.icon-open::before { content: ; }

.icon-ellipsis::before { content: ; }

.icon-bell2::before { content: ; }

.icon-store::before { content: ; }

.icon-qrcode::before { content: ; }

.icon-apple::before { content: ; }

.icon-android::before { content: ; }

.icon-paperplane::before { content: ; }

.icon-arrow-down2::before { content: ; }

.icon-star::before { content: ; }

.icon-star-o::before { content: ; }

.icon-m-back { content: ; }

.icon-tencent::before { content: ; }

.icon-qq::before { content: ; }

.icon-wechat::before { content: ; }

.icon-refresh::before { content: ; }

.icon-sina::before { content: ; }

.icon-comment::before { content: ; }

.icon-praise::before { content: ; }

.icon-fly::before { content: ; }

.icon-star-outline::before { content: ; }

.icon-wealth::before { content: ; }

.icon-phone::before { content: ; }

.icon-arrow-d::before { content: ; }

.icon-read::before { content: ; }

.icon-light::before { content: ; }

.mce-i-subtitle, .mce-i-help { font-family: icomoon !important; }

.mce-i-subtitle::before { content: ; }

.mce-i-help::before { content:  !important; margin-left: 3px; }

html { font-family: sans-serif; }

body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

body * { -webkit-tap-highlight-color: transparent; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; vertical-align: baseline; }

audio:not([controls]) { display: none; height: 0px; }

[hidden], template { display: none; }

a { background-color: transparent; }

a:active, a:hover { outline-width: 0px; outline-style: initial; outline-color: initial; }

abbr[title] { border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: initial; }

b, strong { font-weight: bold; }

dfn { font-style: italic; }

h1 { font-size: 2em; margin-top: 0.67em; margin-right: 0px; margin-bottom: 0.67em; margin-left: 0px; }

mark { background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: yellow; background-size: initial; color: black; background-position: initial initial; background-repeat: initial initial; }

small { font-size: 80%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; }

svg:not(:root) { overflow-x: hidden; overflow-y: hidden; }

figure { margin-top: 1em; margin-right: 40px; margin-bottom: 1em; margin-left: 40px; }

hr { box-sizing: content-box; height: 0px; }

pre { overflow-x: auto; overflow-y: auto; }

code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

button, input, optgroup, select, textarea { color: inherit; font: inherit; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

button { overflow-x: visible; overflow-y: visible; }

button, select { text-transform: none; }

button, input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

button[disabled], html input[disabled] { cursor: default; }

button::-moz-focus-inner, input::-moz-focus-inner { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

input { line-height: normal; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

fieldset { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: silver; border-right-color: silver; border-bottom-color: silver; border-left-color: silver; border-image: initial; margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 0.35em; padding-right: 0.625em; padding-bottom: 0.75em; padding-left: 0.625em; }

legend { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

textarea { overflow-x: auto; overflow-y: auto; }

optgroup { font-weight: bold; }

table { border-collapse: collapse; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; }

td, th { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

ul, ol { list-style-type: none; list-style-position: initial; list-style-image: initial; }

.btn { display: block; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; height: 45px; border-top-left-radius: 45px; border-top-right-radius: 45px; border-bottom-right-radius: 45px; border-bottom-left-radius: 45px; line-height: 45px; width: 100%; text-align: center; font-size: 1.6rem; outline-style: none; outline-width: initial; outline-color: initial; cursor: pointer; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: visible; overflow-y: visible; -webkit-appearance: none; -webkit-transition-property: all; -webkit-transition-duration: 0.4s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; box-sizing: border-box; }

.btn-bordered { display: block; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: initial; border-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.red .line { vertical-align: middle; display: inline-block; height: 14px; margin-top: -3px; margin-right: 7px; margin-bottom: 0px; margin-left: 3px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(245, 100, 103); }

.red.btn { background-color: rgb(245, 100, 103); color: white; -webkit-appearance: none; }

.red.btn-bordered { color: rgb(245, 100, 103); border-top-color: rgb(245, 100, 103); border-right-color: rgb(245, 100, 103); border-bottom-color: rgb(245, 100, 103); border-left-color: rgb(245, 100, 103); background-color: transparent; }

.red.btn-bordered:hover, .red.btn-bordered.hover { background-color: rgb(245, 100, 103); border-top-color: rgb(245, 100, 103); border-right-color: rgb(245, 100, 103); border-bottom-color: rgb(245, 100, 103); border-left-color: rgb(245, 100, 103); color: white; }

.red.btn-bordered:hover .line, .red.btn-bordered.hover .line { border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; }

.red.disable { color: rgb(215, 215, 215); border-top-color: rgb(238, 238, 238); border-right-color: rgb(238, 238, 238); border-bottom-color: rgb(238, 238, 238); border-left-color: rgb(238, 238, 238); background-color: white; }

.red.disable:hover { background-color: white; color: rgb(215, 215, 215); }

.orange.btn { background-color: rgb(238, 110, 80); color: white; -webkit-appearance: none; }

.orange.btn:hover { background-color: rgb(215, 88, 58); }

.orange.btn-bordered { color: rgb(238, 110, 80); border-top-color: rgb(238, 110, 80); border-right-color: rgb(238, 110, 80); border-bottom-color: rgb(238, 110, 80); border-left-color: rgb(238, 110, 80); background-color: transparent; }

.orange.btn-bordered:hover { color: rgb(215, 88, 58); border-top-color: rgb(215, 88, 58); border-right-color: rgb(215, 88, 58); border-bottom-color: rgb(215, 88, 58); border-left-color: rgb(215, 88, 58); background-color: rgba(238, 110, 80, 0.046875); }

.orange.btn-bordered.hover { background-color: rgb(238, 110, 80); color: white; }

.orange.btn-bordered.hover:hover { border-top-color: rgb(215, 88, 58); border-right-color: rgb(215, 88, 58); border-bottom-color: rgb(215, 88, 58); border-left-color: rgb(215, 88, 58); background-color: rgb(215, 88, 58); }

.orange.disable { opacity: 0.3; }

.orange.disable:hover { color: rgb(238, 110, 80); border-top-color: rgb(238, 110, 80); border-right-color: rgb(238, 110, 80); border-bottom-color: rgb(238, 110, 80); border-left-color: rgb(238, 110, 80); }

.gray.btn { background-color: rgb(178, 178, 178); color: rgb(144, 144, 144); -webkit-appearance: none; }

.gray.btn-bordered { color: rgb(144, 144, 144); border-top-color: rgb(216, 216, 216); border-right-color: rgb(216, 216, 216); border-bottom-color: rgb(216, 216, 216); border-left-color: rgb(216, 216, 216); background-color: white; }

.gray.btn-bordered:hover { border-top-color: rgb(178, 178, 178); border-right-color: rgb(178, 178, 178); border-bottom-color: rgb(178, 178, 178); border-left-color: rgb(178, 178, 178); color: rgb(102, 102, 102); }

.gray.disable { opacity: 0.3; }

.gray.disable:hover { color: rgb(178, 178, 178); border-top-color: rgb(102, 102, 102); border-right-color: rgb(102, 102, 102); border-bottom-color: rgb(102, 102, 102); border-left-color: rgb(102, 102, 102); }

.btn-normal { width: auto; display: inline-block; height: 38px; line-height: 36px; box-sizing: border-box; font-size: 1.4rem; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; }

.btn-small { width: auto; display: inline-block; height: 30px; line-height: 30px; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; font-size: 1.4rem; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; }

.btn-large { width: auto; height: 41px; display: inline-block; font-size: 1.8rem; line-height: 39px; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }

.tabs { width: 44%; min-width: 180px; line-height: 20px; position: relative; top: 15px; }

.tabs .tab { display: inline-block; text-align: center; margin-left: -1px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 1.8rem; }

.tabs .tab.active { background-color: rgb(238, 110, 80); color: white; }

.tabs .tab:first-child { border-top-left-radius: 50px; border-bottom-left-radius: 50px; }

.tabs .tab:last-child { border-top-right-radius: 50px; border-bottom-right-radius: 50px; }

.input_decoration { border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(235, 235, 235); width: 100%; height: 26px; line-height: 1em; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; outline-style: none; outline-width: initial; outline-color: initial; font-size: 1.4rem; background-color: transparent; }

.input_gray { background-color: rgb(249, 249, 249); color: rgb(102, 102, 102); font-size: 14px; padding-top: 15px; padding-right: 16px; padding-bottom: 15px; padding-left: 16px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.input_profile, .input_profile_txt { width: 100%; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; font-size: 1.6rem; color: gray; margin-bottom: 18px; }

.input_center { width: 200px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; font-size: 1.6rem; line-height: 16px; color: gray; margin-bottom: 18px; }

.msg { display: none; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: initial; border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; position: relative; padding-top: 8px; padding-right: 30px; padding-bottom: 8px; padding-left: 15px; font-size: 1.3rem; }

.msg .btn-close { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; position: absolute; right: 2%; font-size: 1.2em; top: 0.35em; background-position: initial initial; background-repeat: initial initial; }

.msg.danger { display: block; background-color: rgb(255, 242, 242); border-top-color: rgb(255, 219, 219); border-right-color: rgb(255, 219, 219); border-bottom-color: rgb(255, 219, 219); border-left-color: rgb(255, 219, 219); color: rgb(213, 80, 80); }

.msg.success { display: block; background-color: rgb(240, 247, 230); border-top-color: rgb(221, 231, 210); border-right-color: rgb(221, 231, 210); border-bottom-color: rgb(221, 231, 210); border-left-color: rgb(221, 231, 210); color: rgb(118, 162, 56); }

.tooltip { z-index: 100; position: absolute; top: 0px; left: 0px; }

.tooltip .inner { font-size: 1.4rem; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; padding-top: 8px; padding-right: 18px; padding-bottom: 8px; padding-left: 18px; color: white; background-color: rgb(56, 56, 56); }

.tooltip .swd { position: absolute; left: 50%; bottom: -18px; margin-left: -10px; border-top-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-color: rgb(56, 56, 56); border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; }

.bottom-tip { position: fixed; top: 63px; }

.bottom-tip .swd { bottom: initial; top: -18px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgb(56, 56, 56); border-left-color: transparent; }

.global-msg-mobile { position: absolute; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; top: 63px; left: 0px; width: 100%; box-sizing: border-box; z-index: 10; text-align: center; background-color: rgb(246, 241, 234); }

.global-msg-mobile a { color: rgb(238, 110, 80); margin-left: 5px; }

.global-msg-mobile span { float: right; font-size: 2.4rem; color: rgb(238, 110, 80); position: absolute; top: 6px; right: 10px; width: 30px; }

.msg-mobile { position: fixed; background-color: rgba(0, 0, 0, 0.796875); color: white; z-index: 9999; width: 80px; height: 80px; left: 50%; top: 50%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; vertical-align: middle; text-align: center; opacity: 1; }

.msg-mobile i { font-size: 26px; line-height: 45px; margin-top: 5px; display: block; }

.msg-mobile.no-icon p { line-height: 80px; }

@-webkit-keyframes show { 
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

.msg { background-color: transparent !important; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; text-align: center; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: rgb(213, 80, 80) !important; }

.msg button { display: none; }

.global-msg-mobile { position: absolute; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; top: 63px; left: 0px; width: 100%; box-sizing: border-box; z-index: 10; text-align: center; background-color: rgb(246, 241, 234); }

.global-msg-mobile a { color: rgb(238, 110, 80); margin-left: 5px; }

.global-msg-mobile span { float: right; font-size: 2.4rem; color: rgb(238, 110, 80); position: absolute; top: 6px; right: 10px; width: 30px; }

.msg-mobile { position: fixed; background-color: rgba(0, 0, 0, 0.796875); color: white; z-index: 9999; width: 80px; height: 80px; left: 50%; top: 50%; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; vertical-align: middle; text-align: center; opacity: 0; }

.msg-mobile i { font-size: 26px; line-height: 45px; margin-top: 5px; display: block; }

.msg-mobile.no-icon p { line-height: 80px; }

@-webkit-keyframes show { 
  10% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; }
}

.post-header { color: white; width: 100%; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: white; position: relative; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.post-header.fix { position: fixed; z-index: 10; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); top: 0px; }

.post-header.nav-hide { -webkit-transform: translate3d(0px, -100%, 0px); }

.post-header.nav-bg { background-color: rgb(238, 110, 80); color: white; }

.post-header.nav-bg a i, .post-header.nav-bg li a i { color: white; }

.post-header .txt-logo { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block; text-align: center; font-size: 20px; color: rgb(102, 102, 102); }

.post-header i { color: rgb(102, 102, 102); }

.post-header ul { width: 80%; text-align: right; padding-right: 3%; display: inline-table; }

.post-header ul li { padding-top: 0px; padding-right: 12.5px; padding-bottom: 0px; padding-left: 12.5px; display: inline-block; font-size: 1.9rem; }

.post-header ul li a.active i { color: rgb(238, 110, 80); }

.post-header h1 { color: rgb(102, 102, 102); text-align: center; width: 80%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; display: block; overflow-x: hidden; font-size: 2.2rem; }

.post-header h1 span { font-size: 1.2rem; display: inline-block; background-color: rgb(238, 110, 80); color: white; height: 20px; line-height: 20px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; position: relative; top: -3px; }

.post-header .logo { position: relative; display: block; width: 132px; height: 30px; top: 14px; left: 5px; margin-top: 0px; margin-right: auto; margin-bottom: 15px; margin-left: auto; background-image: url(http://m.tmtpost.com/public/css/img/tmt_logo@2x.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; -webkit-background-size: 92px 30px; background-size: 92px 30px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }

.post-header .back { position: absolute; top: 23px; left: 5px; }

.post-header .back i { font-size: 2rem; }

.post-header .back strong { position: relative; top: -2px; left: 5px; font-weight: normal; color: rgb(102, 102, 102); }

.post-header .menu { font-size: 3rem; color: rgb(51, 51, 51); width: 15%; display: inline-block; text-align: center; position: absolute; }

.post-header .menu.hilight::after { content: ''; display: inline-block; background-color: rgb(238, 110, 80); width: 10px; height: 10px; position: absolute; top: 15px; left: 60%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial; }

.post-header .right-link { text-align: center; position: absolute; right: 0px; }

.post-header .new-post-note { color: rgb(238, 110, 80); top: 16px; line-height: 1em; }

.post-header .new-post-note span { font-size: 2.6rem; display: inline-block; width: 100%; height: 23px; }

.post-header .new-comment, .post-header .next-step { top: 0px; right: 15px; font-size: 1.4rem; color: rgb(102, 102, 102); }

.post-header .next-step { color: rgb(238, 110, 80); }

.post-header .remove-btn { top: 0px; right: 10px; font-size: 1.4em; color: rgb(102, 102, 102); }

.post-header .icon-star-outline { font-size: 2.6rem; top: 3px; position: relative; }

.mobile-verified .m-header, .mobile-home .m-header { margin-bottom: 0px; box-shadow: none; }

.search-header { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); margin-bottom: 0px !important; }

.search-header input { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; font-size: 1.8rem; margin-left: 5%; width: 80%; }

.search-header .search-btn { display: none; }

#app-download { width: 100%; height: 100px; overflow-x: auto; overflow-y: auto; background-color: rgb(242, 242, 242); }

#app-download .app-logo { float: left; width: 60px; height: 60px; margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 20px; }

#app-download .app-logo img { width: 100%; height: auto; }

#app-download p { float: left; font-size: 2rem; margin-top: 22px; margin-right: 0px; margin-bottom: 0px; margin-left: 15px; }

#app-download p span { display: block; font-size: 1.4rem; color: rgb(102, 102, 102); }

#app-download .right-action { color: rgb(213, 213, 213); font-size: 2.8rem; float: right; margin-top: 26px; margin-right: 26px; margin-bottom: 0px; margin-left: 0px; }

.universal-container { max-width: 280px; width: 100%; padding-bottom: 100px; }

.inner-container { padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.container { position: relative; overflow-x: hidden; }

.page-cont { width: 1000px; position: relative; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.all_reminder, .error-reminder, .success-reminder { background-color: rgb(255, 242, 242); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(255, 219, 219); border-right-color: rgb(255, 219, 219); border-bottom-color: rgb(255, 219, 219); border-left-color: rgb(255, 219, 219); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; color: rgb(213, 80, 80); display: inline-block; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; font-size: 13px; line-height: 35px; padding-top: 0px; padding-right: 95px; padding-bottom: 0px; padding-left: 20px; position: relative; }

.all_reminder .close-btn, .error-reminder .close-btn, .success-reminder .close-btn { position: absolute; right: 10px; color: rgb(179, 179, 179); font-size: 1.4rem; }

.all_reminder .close-btn i, .error-reminder .close-btn i, .success-reminder .close-btn i { font-size: 15px; color: rgb(213, 80, 80); }

.error-reminder { color: rgb(213, 80, 80); }

.error-reminder .close-btn i { color: rgb(213, 80, 80); }

.success-reminder { background-color: rgb(240, 247, 230); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(221, 231, 210); border-right-color: rgb(221, 231, 210); border-bottom-color: rgb(221, 231, 210); border-left-color: rgb(221, 231, 210); border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; color: rgb(118, 162, 56); }

.success-reminder .close-btn i { font-size: 15px; color: rgb(118, 162, 56); }

a.link { color: rgb(238, 110, 80); }

a.link:hover { color: rgb(215, 88, 58); }

a.key-link { color: rgb(253, 102, 57); text-decoration: underline; margin-left: 5px; }

.pagination { padding-top: 50px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(242, 242, 242); color: rgb(179, 179, 179); text-align: center; margin-bottom: 20px; }

.pagination .page-rl { display: inline-block; }

.pagination .page { color: rgb(179, 179, 179); display: inline-block; width: 30px; height: 30px; font-size: 1.4rem; line-height: 30px; text-align: center; margin-left: 5px; }

.pagination .page.current { background-color: rgb(242, 242, 242); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }

.pagination .page.current a { color: rgb(51, 51, 51); }

.pagination .page:hover { background-color: rgb(242, 242, 242); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }

.pagination .page a { color: rgb(179, 179, 179); }

.pagination .btn { margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.popup_background { background-image: linear-gradient(white, rgba(255, 255, 255, 0.96875)) !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; background-color: initial !important; background-size: initial !important; background-position: initial initial !important; background-repeat: initial initial !important; }

.popup_wrapper .title { font-size: 2.4rem; line-height: 34px; margin-bottom: 10px; }

.popup_wrapper .reminder { font-size: 1.6rem; line-height: 22px; margin-bottom: 30px; color: gray; }

.popup_wrapper .buttons .btn { margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.popup_wrapper .esc-close { position: fixed; left: 20px; top: 20px; color: rgb(179, 179, 179); font-size: 13px; -webkit-transform: translate(0px, 0px) translateZ(0px); }

.popup_wrapper .close-btn { position: fixed; top: 20px; right: 20px; color: rgb(160, 160, 160); font-size: 2rem; cursor: pointer; -webkit-transform: translate(0px, 0px) translateZ(0px); }

.popup_wrapper .comment-list { width: 580px; padding-top: 25px; border-top-width: 1px; border-top-color: rgb(229, 229, 229); border-top-style: solid; text-align: left; }

.popup_wrapper .comment-list li { padding-bottom: 10px; }

.popup_wrapper .comment-list .avatar img { margin-right: 12px !important; }

.popup_wrapper .comment-list .comment-info .fr, .popup_wrapper .comment-list .comment-info .p-header .options, .p-header .popup_wrapper .comment-list .comment-info .options, .popup_wrapper .comment-list .comment-info .login-form .get-captcha, .login-form .popup_wrapper .comment-list .comment-info .get-captcha, .popup_wrapper .comment-list .comment-info .register-form .get-captcha, .register-form .popup_wrapper .comment-list .comment-info .get-captcha, .popup_wrapper .comment-list .comment-info .m-app-down .section .right, .m-app-down .section .popup_wrapper .comment-list .comment-info .right { line-height: 40px; }

.popup_wrapper .app-down-c { width: 792px; }

.popup_wrapper .app-down-c .right { width: 292px; text-align: left; position: absolute; top: 50%; right: 0px; margin-top: -105px; }

.popup_wrapper #qrcodeTable { margin-top: 20px; }

#new-help-pop .title, #how-recommend-pop .title { margin-bottom: 60px; font-size: 2.4rem; line-height: 34px; }

#new-help-pop .t, #how-recommend-pop .t { padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); font-size: 1.6rem; line-height: 22px; }

#new-help-pop .list, #how-recommend-pop .list { text-align: left; padding-top: 30px; margin-bottom: 50px; margin-left: 16px; list-style-type: decimal; }

#new-help-pop .list li, #how-recommend-pop .list li { font-size: 1.4rem; line-height: 21px; margin-bottom: 10px; }

#new-help-pop .list li .ps, #how-recommend-pop .list li .ps { color: gray; }

#new-help-pop .list-style-none, #how-recommend-pop .list-style-none { list-style-type: none; list-style-position: initial; list-style-image: initial; margin-left: 0px; }

#new-help-pop .part, #how-recommend-pop .part { padding-top: 30px; text-align: left; }

#new-help-pop .part p, #how-recommend-pop .part p { margin-bottom: 15px; font-size: 1.4rem; line-height: 21px; }

#new-help-pop .part .pl, #how-recommend-pop .part .pl { padding-left: 10px; }

#new-help-pop .load-more, #how-recommend-pop .load-more { border-top-style: none; border-top-width: initial; border-top-color: initial; }

.popup-large { vertical-align: top !important; position: relative; }

.popup-large .title { margin-top: 50px; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; }

.popup-large .reminder { font-size: 2rem; border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.popup-large .search-part { background-color: white; padding-top: 60px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-align: left; width: 740px; top: 0px; left: 50%; position: fixed; -webkit-transform: translate(-50%, 0px) translateZ(0px); z-index: 2; }

.popup-large .top-search { width: 100%; background-color: transparent; font-size: 3.6rem; line-height: 47px; border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-bottom: 10px; }

.popup-large .mod-article-list { text-align: left; margin-top: 130px; }

.popup-large .mod-article-list .reminder { font-size: 1.4rem; padding-top: 60px; }

.popup-large .mod-article-list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); padding-top: 30px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; min-height: 150px; }

.popup-large .mod-article-list li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.popup-large .mod-article-list li .cont { width: 580px; }

.popup-large .mod-article-list li .right-part { overflow-x: hidden; overflow-y: hidden; }

.popup-large .mod-article-list li .intro { color: gray; }

.popup-large .mod-article-list li .point { margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.popup-large .mod-article-list li .left-img { position: relative; margin-right: 30px; }

.popup-large .mod-article-list li .title { margin-top: 0px; }

.popup-large .mod-article-list li .text { display: block; position: absolute; top: 50%; text-align: center; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; background-size: initial; width: 100%; line-height: 40px; -webkit-transform: translateY(-50%); opacity: 0.9; font-size: 17px; background-position: initial initial; background-repeat: initial initial; }

.popup-large .mod-article-list li em { color: rgb(238, 110, 80); font-style: normal; }

.popup-large .load-more { margin-top: 0px; margin-right: 0px; margin-bottom: 100px; margin-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(242, 242, 242); padding-top: 50px; }

#login_popup { width: 320px; }

#show-detail .list-page { padding-top: 80px; width: 580px; }

#show-detail .list-page .tit-info { color: rgb(51, 51, 51); }

#show-detail .list-page .author-info { padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }

.cont-404 { display: table; height: 100%; width: 100%; }

.cont-404 .container { display: table-cell; vertical-align: middle; }

.cont-404 .container h1 { color: black; font-size: 12rem; line-height: 137px; vertical-align: middle; }

.cont-404 .container .text { color: rgb(238, 110, 80); margin-bottom: 100px; font-size: 1.6rem; line-height: 18px; }

.cont-404 .m-header { display: none; }

.no-pointer { cursor: initial !important; }

.gap-point-large { margin-top: 0px; margin-right: 8px; margin-bottom: 0px; margin-left: 8px; }

.gap-point { margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.rotete { -webkit-transform: rotate(360deg); }

.server-error { padding-top: 200px; padding-right: 0px; padding-bottom: 200px; padding-left: 0px; }

.server-error .error-msg { width: 320px; background-color: rgb(246, 246, 246); padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; font-size: 1.6rem; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.browser-msg { padding-top: 30px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; background-color: rgb(242, 242, 242); position: fixed; bottom: 0px; width: 100%; }

.browser-msg .txt { margin-bottom: 27px; font-size: 1.8rem; line-height: 19px; }

.browser-msg li { width: 130px; display: inline-block; }

.browser-msg li img { margin-top: 0px; margin-right: auto; margin-bottom: 5px; margin-left: auto; }

.browser-msg li .name { color: rgb(102, 102, 102); font-size: 1.4rem; line-height: 17px; }

.global-top-msg { position: fixed; top: 0px; left: 50%; max-width: 640px; -webkit-transform: translateX(-50%); padding-top: 12px; padding-right: 70px; padding-bottom: 12px; padding-left: 25px; z-index: 100; color: black; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgba(255, 255, 255, 0.96875); background-size: initial; box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 1px, rgba(0, 0, 0, 0.347656) 0px 0px 1px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 1.3rem; background-position: initial initial; background-repeat: initial initial; }

.global-top-msg a { color: rgb(238, 110, 80); margin-left: 5px; }

.global-top-msg .close-icon { color: black; position: absolute; right: 20px; top: 16px; font-size: 1.3rem; cursor: pointer; line-height: 13px; }

@media screen and (max-width: 640px) { 
  .cont-404 .m-header { display: block; position: absolute; width: 100%; padding-top: 0px; padding-right: 2%; padding-bottom: 0px; padding-left: 2%; box-sizing: border-box; }
  .cont-404 .m-header a { float: left; margin-top: 25px; }
  .cont-404 .container h1 { font-size: 10rem; color: rgb(215, 215, 215); font-weight: normal; }
  .cont-404 .container .text { color: rgb(170, 170, 170); padding-top: 0px; padding-right: 10%; padding-bottom: 0px; padding-left: 10%; line-height: 1.5em; }
  .cont-404 .container .button a { background-color: rgb(238, 110, 80); border-top-color: rgb(238, 110, 80); border-right-color: rgb(238, 110, 80); border-bottom-color: rgb(238, 110, 80); border-left-color: rgb(238, 110, 80); color: white; width: 60%; }
}

.shelf { background-color: white !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; min-width: 255px; }

.shelf .shelf-bg { background-color: white; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); position: relative; }

.shelf .shelf-bg .search-box { background-color: rgb(242, 242, 242); padding-top: 9px; padding-right: 5px; padding-bottom: 9px; padding-left: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-top: 0px; margin-right: 5%; margin-bottom: 10px; margin-left: 5%; position: relative; }

.shelf .shelf-bg .search-box .search-submit { display: none; }

.shelf .shelf-bg .search-box input { background-color: transparent; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; width: 88%; line-height: 16px; }

.shelf .shelf-bg .search-box i { position: absolute; right: 10px; top: 13px; }

.shelf .shelf-bg .avatar-box { padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 37px; }

.shelf .shelf-bg .avatar-box a { color: rgb(102, 102, 102); font-size: 1.8rem; }

.shelf .shelf-bg .avatar-box span { margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.shelf .shelf-bg .avatar-box img { margin-right: 10px; }

.shelf .shelf-bg .avatar-box div { display: inline-block; width: 80%; }

.shelf .shelf-bg .avatar-box div span { color: rgb(102, 102, 102); margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.shelf .shelf-bg .avatar-box .btn-link { background-color: rgb(238, 110, 80); color: white; width: 30px; height: 30px; line-height: 30px; display: block; position: absolute; top: 10%; right: 10%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.shelf .shelf-bg .avatar { width: 60px; height: 60px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0px; margin-right: auto; margin-left: auto; display: inline-block; background-color: rgb(204, 204, 204); margin-bottom: 15px; }

.shelf .shelf-bg a { color: rgb(102, 102, 102); font-size: 1.6rem; }

.shelf .shelf-bg p { color: rgb(102, 102, 102); margin-bottom: 10px; }

.shelf nav { padding-left: 40px; }

.shelf nav a { display: block; font-size: 1.6rem; line-height: 2.5em; color: rgb(102, 102, 102); }

.shelf nav a i { margin-right: 15px; color: rgb(238, 110, 80); }

.shelf nav a span { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; display: inline-block; width: 80%; }

.shelf nav a span i { background-color: rgb(238, 110, 80); color: white; padding-top: 4px; padding-right: 7px; padding-bottom: 4px; padding-left: 7px; font-style: normal; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-left: 5px; font-size: 1.4rem; }

.shelf .setting { font-size: 1.6rem; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 40px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(229, 229, 229); color: rgb(102, 102, 102); }

.shelf .setting a { color: rgb(102, 102, 102); }

.shelf .setting a:first-child { margin-right: 20%; }

.shelf .setting i { margin-right: 12px; }

* { outline-style: none; outline-width: initial; outline-color: initial; }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local(Open Sans Light), local(OpenSans-Light), url(http://m.tmtpost.com/public/fonts/OpenSansLight.woff) format(woff); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local(Open Sans), local(OpenSans), url(http://m.tmtpost.com/public/fonts/OpenSans.woff) format(woff); }

@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local(Open Sans Bold), local(OpenSans-Bold), url(http://m.tmtpost.com/public/fonts/OpenSansBold.woff) format(woff); }

ul, ol, h1, h2, h3, h4, p { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: normal; }

body, menu { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; }

body { font-size: 1.2rem; color: rgb(51, 51, 51); font-family: 'Open Sans', Arial, 'Hiragino Sans GB', 'Microsoft YaHei', 微软雅黑, STHeiti, 'WenQuanYi Micro Hei', SimSun, sans-serif; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }

img { vertical-align: middle; max-width: 100%; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; }

a { text-decoration: none; }

.hide-txt { text-indent: -999em; }

.bfc-mod { overflow-x: hidden; overflow-y: hidden; }

.bfc-mod .l { float: left; }

.bfc-mod .r { overflow-x: hidden; overflow-y: hidden; }

.fl, .popup-large .mod-article-list li .left-img, .m-app-down .section .left, .fr, .p-header .options, .login-form .get-captcha, .register-form .get-captcha, .m-app-down .section .right { float: left; display: inline; }

.fr, .p-header .options, .login-form .get-captcha, .register-form .get-captcha, .m-app-down .section .right { float: right; }

.fn-hide, .hide { display: none; }

.tc, .popup-large .reminder, .cont-404 { text-align: center; }

.f14 { font-size: 1.4rem; }

.f16 { font-size: 1.6rem; }

.fb { font-weight: bold; }

.clear, .m-app-down .section { overflow-x: auto; overflow-y: auto; }

.border-box { box-sizing: border-box; }

.center { margin-left: auto; margin-right: auto; }

.justify-flex { display: -webkit-box; }

.justify-flex .child { display: block; -webkit-box-flex: 1; }

.set-inner { position: absolute; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(216, 216, 216); border-right-color: rgb(216, 216, 216); border-bottom-color: rgb(216, 216, 216); border-left-color: rgb(216, 216, 216); border-image: initial; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: white; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }

.set-inner a { color: gray; }

.set-inner a:hover { color: rgb(238, 110, 80); }

.set-inner li { padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; line-height: 25px; margin-bottom: 15px; font-size: 1.4rem; }

.set-inner .d-bd { width: 0px; position: absolute; display: inline-block; border-top-width: 10px; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgb(216, 216, 216); border-left-color: transparent; }

.set-inner .d-bd::after { left: -8px; top: -6px; position: absolute; content: ' '; display: inline-block; border-top-width: 8px; border-right-width: 8px; border-bottom-width: 8px; border-left-width: 8px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: transparent; border-right-color: transparent; border-bottom-color: white; border-left-color: transparent; }

.common-nav a { color: rgb(102, 102, 102); }

.common-nav a:hover { color: rgb(238, 110, 80); }

.common-nav li { padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; font-size: 1.4rem; }

.android-nav { width: 150px; }

.android-nav li { width: 170px; margin-left: -10px; padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; text-align: center; }

.android-nav li:hover { background-color: rgb(251, 98, 90); }

.android-nav li:hover a { color: white; }

.android-nav li:hover a:hover { color: white; }

.qrcode-cont { text-align: center; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }

.qrcode-cont h4 { font-size: 1.8rem; line-height: 19px; margin-bottom: 9px; }

.tag-nav { width: 400px; padding-top: 15px; padding-right: 15px; padding-bottom: 0px; padding-left: 15px; line-height: 15px; }

.tag-nav a { vertical-align: middle; display: inline-block; padding-right: 10px; margin-right: 10px; margin-bottom: 15px; color: gray; }

.tag-nav a:hover { color: rgb(238, 110, 80); }

.tag-nav a.last, .tag-nav a:last-child { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; }

html { font-size: 62.5%; }

input, textarea { outline-style: none; outline-width: initial; outline-color: initial; }

.p-header-hide { -webkit-transform: translateY(-100%); -webkit-transition-property: all; -webkit-transition-duration: 300ms; -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); -webkit-transition-delay: initial; }

.p-header-show { -webkit-transform: translateY(0%); -webkit-transition-property: all; -webkit-transition-duration: 900ms; -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); -webkit-transition-delay: initial; }

.p-header { position: fixed; left: 0px; top: 0px; z-index: 10; width: 100%; height: 60px; color: rgb(144, 144, 144); line-height: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); background-color: white; }

.p-header .inner { width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.p-header .menu { display: inline-block; margin-left: 11px; position: relative; }

.p-header .menu .bar { vertical-align: middle; display: inline-block; cursor: pointer; color: rgb(53, 58, 72); font-size: 2rem; }

.p-header .menu .bar i { font-size: 2.2rem; position: relative; right: -4px; top: 2px; }

.p-header .menu .set-inner { width: 137px; left: -60px; top: 55px; }

.p-header .menu .set-inner .d-bd { top: -20px; right: 58px; }

.p-header .line { height: 25px; display: inline-block; vertical-align: middle; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(229, 229, 229); }

.p-header .columns { line-height: 61px; }

.p-header .columns a { color: rgb(51, 51, 51); }

.p-header .columns a, .p-header .columns .column-title { font-size: 1.4rem; }

.p-header .columns .column-title { color: rgb(51, 51, 51); }

.p-header .columns .column-title span { color: rgb(179, 179, 179); }

.p-header .columns .column-title .tag { color: rgb(51, 51, 51); }

.p-header .columns .column-title a { color: rgb(238, 110, 80); }

.p-header .columns .column-title a:hover { color: rgb(215, 88, 58); }

.p-header .columns .column-icon { margin-right: 25px; }

.p-header .columns .column-icon i { color: rgb(238, 110, 80); font-size: 1.4rem; position: relative; top: 0px; vertical-align: middle; }

.p-header .columns .column-icon .icon-tag2 { font-size: 1.8rem; }

.p-header .columns .column-icon .icon-iconfont-present, .p-header .columns .column-icon .icon-bell2 { font-size: 1.6rem; }

.p-header .columns .dropdown-menu-part .dropdown-menu { right: -172px; }

.p-header .columns .dropdown-menu-part .dropdown-menu a { display: inline-block; width: 97px; padding-right: 0px; margin-right: 0px; }

.p-header .columns .dropdown-menu-part .dropdown-menu a:hover { color: rgb(238, 110, 80); }

.p-header .columns .column-list .tags { position: relative; }

.p-header .columns .column-list .tags i { font-size: 2rem; color: rgb(179, 179, 179); vertical-align: middle; position: relative; top: -1px; left: 2px; }

.p-header .columns .column-list .tags .set-inner { width: 400px; padding-top: 25px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; line-height: 15px; top: 50px; left: 50%; margin-left: -230px; }

.p-header .columns .column-list .tags .set-inner .d-bd { top: -20px; left: 50%; margin-left: -5px; }

.p-header .columns .column-list .tags .set-inner a { vertical-align: middle; display: inline-block; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(215, 215, 215); padding-right: 10px; margin-right: 10px; margin-bottom: 15px; }

.p-header .columns .column-list .tags .set-inner a:hover { color: rgb(238, 110, 80); }

.p-header .columns .column-list .tags .set-inner a.last, .p-header .columns .column-list .tags .set-inner a:last-child { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; }

.p-header .columns .column-list .tags .visible { display: block; }

.p-header .columns .column-list li { float: left; margin-right: 30px; }

.p-header .columns .column-list li .num { color: rgb(238, 110, 80); }

.p-header .columns .column-list li .nums { background-color: rgb(238, 110, 80); display: inline-block; line-height: 17px; font-size: 1.2rem; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: white; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; position: relative; top: -1px; }

.p-header .columns .column-list li a { position: relative; display: block; color: rgb(51, 51, 51); }

.p-header .columns .column-list li a:hover .avia-menu-fx, .p-header .columns .column-list li a.current .avia-menu-fx { opacity: 1; visibility: visible; }

.p-header .columns .column-list li .avia-menu-fx { position: absolute; bottom: 0px; height: 3px; z-index: 2; width: 100%; left: 0px; opacity: 0; visibility: hidden; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; -webkit-transition-delay: initial; background-color: rgb(238, 110, 80); }

.p-header .draft { color: rgb(238, 110, 80); vertical-align: middle; font-size: 1.4rem; }

.p-header .draft .num { color: rgb(179, 179, 179); margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.p-header .draft .num strong { font-weight: normal; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; }

.p-header .options { font-size: 1.4rem; color: rgb(179, 179, 179); }

.p-header .options .topic { margin-right: 70px; display: inline-block; }

.p-header .options .topic .txt { display: inline-block; vertical-align: middle; width: 102px; height: 30px; line-height: 28px; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; }

.p-header .options .topic .ico { font-size: 2rem; color: rgb(179, 179, 179); vertical-align: middle; position: relative; top: -1px; left: 2px; }

.p-header .options .autosave { display: inline-block; margin-right: 20px; }

.p-header .options .confrim-post_open { margin-right: 10px; }

.p-header .options .post-edit { font-size: 1.4rem; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }

.p-header .options .search { font-size: 1.5rem; vertical-align: middle; }

.p-header .options .search i { color: rgb(179, 179, 179); }

.p-header .options .search i:hover { color: gray; }

.p-header .options .unlogin { color: rgb(179, 179, 179); }

.p-header .options .unlogin a { color: rgb(179, 179, 179); }

.p-header .options .unlogin a:hover { color: gray; }

.p-header .options .unlogin .line { margin-top: -3px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; height: 15px; vertical-align: middle; }

.p-header .options .setting { display: inline-block; position: relative; }

.p-header .options .setting .avatar { position: relative; top: -1px; }

.p-header .options .setting .avatar img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.p-header .options .setting .avatar .new { display: inline-block; position: absolute; right: -1px; top: -6px; width: 8px; height: 8px; background-color: rgb(238, 110, 80); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.p-header .options .topic-select { top: initial; bottom: 52px; position: fixed; width: 360px; }

.p-header .options .topic-select .d-bd { top: inherit; bottom: -20px; border-top-color: rgb(216, 216, 216); border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }

.p-header .options .topic-select .d-bd::after { top: -10px; border-top-color: white; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; }

.p-header .pop-close { cursor: pointer; }

.p-header .pop-select { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; left: 0px; display: none; top: 55px; color: rgb(102, 102, 102); background-color: white; }

.p-header .pop-select .d-bd { margin-left: -20px; left: 50%; top: -20px; }

.p-header .pop-select li { word-break: break-all; padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(242, 242, 242); cursor: pointer; line-height: 22px; margin-bottom: 0px; }

.p-header .pop-select li:hover, .p-header .pop-select li.hover { color: white; background-color: rgb(238, 110, 80); }

.p-header .pop-select li:last-child { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; }

.p-header .pop-select li.last { border-bottom-width: 0px; border-bottom-style: initial; border-bottom-color: initial; background-color: rgb(249, 249, 249); text-align: center; color: rgb(179, 179, 179); }

.p-header .draft-select { width: 360px; }

.wrapper { margin-top: 61px; }

.p-footer { font-size: 1.3rem; color: rgb(144, 144, 144); padding-top: 50px; padding-right: 0px; padding-bottom: 50px; padding-left: 0px; text-align: center; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(229, 229, 229); }

.p-footer a { margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; color: gray; }

.p-footer a:hover { color: rgb(102, 102, 102); }

.p-footer .social a { display: inline-block; width: 20px; height: 20px; color: rgb(215, 215, 215); }

.p-footer .social a:hover { color: rgb(238, 110, 80); text-decoration: none; }

.p-footer .social i { font-size: 1.8rem; }

.p-footer .about { margin-bottom: 15px; }

.p-footer .about .line { height: 14px; line-height: 20px; vertical-align: middle; margin-top: -2px; display: inline-block; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(215, 215, 215); }

.p-footer .info { margin-bottom: 26px; }

.p-header-login { margin-top: 100px; margin-right: 0px; margin-bottom: 50px; margin-left: 0px; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(242, 242, 242); text-align: center; }

.p-header-login .logo { top: -16px; position: relative; display: inline-block; width: 132px; height: 30px; background-image: url(http://m.tmtpost.com/public/css/img/tmt_logo@2x.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; -webkit-background-size: 92px 30px; background-size: 92px 30px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }

.m-header { height: 64px; line-height: 64px; margin-bottom: 4%; }

.m-header .back { padding-left: 4%; color: black; font-size: 1.6rem; }

.m-footer { padding-top: 8%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.m-footer a { color: rgb(179, 179, 179); }

.m-footer .forget { text-align: right; }

.c-page { width: 700px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; color: gray; }

.dropdown-menu-part { position: relative; display: inline-block; }

.dropdown-menu, .dropup-menu { padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; position: absolute; top: 54px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; background-size: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(26, 53, 71, 0.117188); border-right-color: rgba(26, 53, 71, 0.117188); border-bottom-color: rgba(26, 53, 71, 0.117188); border-left-color: rgba(26, 53, 71, 0.117188); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: rgba(26, 53, 71, 0.0976563) 0px 1px 2px; opacity: 0; zoom: 1; pointer-events: none; background-position: initial initial; background-repeat: initial initial; }

.dropdown-menu::before, .dropup-menu::before { content: ''; position: absolute; top: -7px; width: 13px; height: 7px; z-index: 4; background-image: url(http://m.tmtpost.com/public/css/img/dropdown-menu-arrow.svg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.dropdown-menu.user-dropdown::before, .dropup-menu.user-dropdown::before { right: 10px; }

.dropdown-menu.visible, .dropup-menu.visible { opacity: 1; zoom: 1; pointer-events: auto; -webkit-transform: none; z-index: 3; }

.dropdown-menu { -webkit-transform: scale(0.8) translateY(-30%); }

.dropup-menu { -webkit-transform: scale(0.8) translateY(30%); }

.user-dropdown { width: 154px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; right: 0px; }

.user-dropdown li { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; line-height: 42px; color: rgb(102, 102, 102); }

.user-dropdown li a { color: rgb(102, 102, 102); }

.user-dropdown li.last { padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; height: 40px; line-height: 42px; background-color: rgb(249, 249, 249); color: rgb(179, 179, 179); }

.user-dropdown li i { margin-right: 10px; vertical-align: middle; position: relative; top: -1px; }

.user-dropdown li .icon-wealth { font-size: 1.2rem; margin-right: 8px; }

.user-dropdown li .nums { background-color: rgb(238, 110, 80); line-height: 16px; font-size: 1.2rem; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: white; margin-left: 10px; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }

.main-dropdown { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; width: 137px; left: -45px; }

.main-dropdown li { line-height: 42px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 25px; color: rgb(102, 102, 102); }

.main-dropdown i { margin-right: 10px; font-size: 1.6rem; display: inline-block; vertical-align: middle; margin-top: -3px; }

.main-dropdown .icon-iconfont-present { font-size: 1.7rem; }

.main-dropdown .icon-read { font-size: 14px; }

.weixin-dropdown { width: 500px; left: -250px; bottom: 30px; top: initial; }

.weixin-dropdown::before { top: initial; bottom: -7px; -webkit-transform: rotate(180deg); }

.qq-dropdown { width: 115px; left: -59px; bottom: 30px; top: initial; }

.qq-dropdown::before { top: initial; bottom: -7px; -webkit-transform: rotate(180deg); }

.share-dropdown { width: 150px; right: -13px; bottom: 45px; top: initial; }

.share-dropdown a { line-height: 20px; font-size: 1.4rem !important; }

.share-dropdown::before { top: initial; bottom: -7px; right: 14px; -webkit-transform: rotate(180deg); }

body { background-color: white; }

.text { font-size: 1.4rem; color: rgb(144, 144, 144); }

.login, .register, .verification, .find_password, .reset_password, .find_password_unok, .bind_sns, .active-email { padding-top: 60px !important; }

.universal-container .title { text-align: center; font-size: 2.4rem; color: rgb(51, 51, 51); margin-top: 20px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; }

.universal-container .msg { margin-bottom: 20px; }

.universal-container .logo { position: relative; display: block; width: 132px; height: 30px; margin-top: 40px; margin-right: auto; margin-bottom: 15px; margin-left: auto; background-image: url(http://m.tmtpost.com/public/css/img/tmt_logo@2x.png); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; -webkit-background-size: 92px 30px; background-size: 92px 30px; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }

.form-control { position: relative; }

.form-control i { position: absolute; right: 0px; top: 35%; font-size: 1.3rem; color: rgb(185, 185, 185); cursor: pointer; }

.form-control i:hover { color: rgb(51, 51, 51); }

.login-form { height: 460px; }

.register-form { height: 530px; }

.login-form, .register-form { overflow-x: hidden; overflow-y: hidden; }

.login-form .help-part, .register-form .help-part { display: none; }

.login-form .help-part p, .register-form .help-part p { font-size: 1.4rem; color: rgb(185, 185, 188); margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.login-form .help-part p a, .register-form .help-part p a { color: rgb(238, 110, 80); }

.login-form .btn, .register-form .btn { margin-top: 30px; margin-right: 0px; margin-bottom: 30px; margin-left: 0px; }

.login-form label, .register-form label { color: rgb(144, 144, 144); font-size: 1.4rem; }

.login-form label input, .register-form label input { margin-right: 5px; }

.login-form .ctrl-box, .register-form .ctrl-box { margin-bottom: 50px; }

.login-form .ctrl-box label, .login-form .ctrl-box a, .register-form .ctrl-box label, .register-form .ctrl-box a { color: rgb(179, 179, 179); }

.login-form .ctrl-box label.on, .register-form .ctrl-box label.on { color: rgb(102, 102, 102); }

.login-form .ctrl-box a:hover, .register-form .ctrl-box a:hover { color: rgb(102, 102, 102); }

.login-form .captcha_input, .register-form .captcha_input { width: 150px; }

.login-form .get-captcha, .register-form .get-captcha { line-height: 50px; }

.login-form .get-captcha i, .register-form .get-captcha i { margin-left: 9px; color: rgb(179, 179, 179); }

.note { margin-top: 10px; }

.note p { text-align: center; font-size: 1.3rem; color: rgb(179, 179, 179); }

.note a { color: rgb(238, 110, 80); margin-left: 4px; text-decoration: underline; }

.note a:hover { color: rgb(215, 88, 58); }

.sns-box { text-align: center; position: relative; }

.sns-box .sns-btn { width: 50px; height: 50px; display: inline-block; line-height: 50px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }

.sns-box .sns-btn:hover { background-color: transparent; }

.sns-box .sns-btn.sina-weibo { color: rgb(231, 76, 60); border-top-color: rgb(231, 76, 60); border-right-color: rgb(231, 76, 60); border-bottom-color: rgb(231, 76, 60); border-left-color: rgb(231, 76, 60); }

.sns-box .sns-btn.wechat { color: rgb(68, 181, 73); border-top-color: rgb(68, 181, 73); border-right-color: rgb(68, 181, 73); border-bottom-color: rgb(68, 181, 73); border-left-color: rgb(68, 181, 73); }

#wechat_qr { background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: white; background-size: initial; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgba(26, 53, 71, 0.117188); border-right-color: rgba(26, 53, 71, 0.117188); border-bottom-color: rgba(26, 53, 71, 0.117188); border-left-color: rgba(26, 53, 71, 0.117188); border-image: initial; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: rgba(26, 53, 71, 0.0976563) 0px -1px 2px; width: 200px; height: 260px; text-align: center; position: absolute; top: -264px; left: 75px; opacity: 0; z-index: -1; background-position: initial initial; background-repeat: initial initial; }

#wechat_qr.visible { opacity: 1; zoom: 1; pointer-events: auto; -webkit-transform: none; z-index: 10 !important; }

#wechat_qr::after { content: ''; position: absolute; bottom: -7px; width: 13px; height: 7px; z-index: 4; background-image: url(http://m.tmtpost.com/public/css/img/dropdown-menu-arrow.svg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

#wechat_qr iframe { width: 100%; height: 252px; overflow-x: hidden; overflow-y: hidden; }

.captcha-box input { width: 50%; }

.captcha-box img { width: 100px; height: 40px; }

.captcha-box .img-box { display: inline-block; position: relative; top: -6px; left: 10px; }

.captcha-box .img-box::after { content: '加载中...'; position: absolute; top: 0px; right: 0px; left: 0px; bottom: 0px; text-align: center; line-height: 40px; background-color: rgba(0, 0, 0, 0.496094); color: white; opacity: 0; -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.captcha-box .img-box.loading::after { opacity: 1; }

.captcha-box i.getting { }

@-webkit-keyframes rotate { 
  0% { }
  100% { }
}

.btn-right { position: relative; right: 12%; opacity: 0; }

.btn-right.show { right: 0px; opacity: 1; }

.btn-left { position: relative; left: 12%; opacity: 0; }

.btn-left.show { left: 0px; opacity: 1; }

.v_active { position: relative; z-index: 3; height: 38px; }

.text-black { color: black; }

#account_merge_popup { width: 50%; }

#account_merge_popup .account-select { margin-bottom: 5%; }

#account_merge_popup .account-select > div { box-sizing: border-box; padding-top: 2%; padding-right: 5%; padding-bottom: 2%; padding-left: 5%; }

#account_merge_popup .account-select > div strong { font-size: 1.6rem; font-weight: normal; margin-bottom: 5%; display: block; }

#account_merge_popup .account-select > div span { display: block; font-size: 1.4rem; margin-bottom: 12%; }

#account_merge_popup .account-select > div .abg { background-color: rgb(249, 249, 249); padding-top: 12%; padding-right: 5%; padding-bottom: 12%; padding-left: 5%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(249, 249, 249); border-right-color: rgb(249, 249, 249); border-bottom-color: rgb(249, 249, 249); border-left-color: rgb(249, 249, 249); border-image: initial; }

#account_merge_popup .account-select > div .abg.on { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(238, 110, 80); border-right-color: rgb(238, 110, 80); border-bottom-color: rgb(238, 110, 80); border-left-color: rgb(238, 110, 80); border-image: initial; }

#account_merge_popup .account-select > div .abg.on button { background-color: rgb(238, 110, 80); color: white; }

.reminder-cont { text-align: center !important; }

.reminder-cont .btn { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.reminder-cont .txt { font-size: 2.4rem; margin-bottom: 40px; }

.reminder-cont .msg-txt { font-size: 1.4rem; color: rgb(102, 102, 102); margin-bottom: 35px; }

.reminder-cont .error_msg .msg { margin-bottom: 30px; }

.reminder-cont .captcha-input { width: 50%; }

.reminder-cont .input_gray { width: 60%; }

.reminder-cont .bottom-line { border-bottom-width: 1px; border-bottom-color: rgb(216, 216, 216); border-bottom-style: solid; padding-bottom: 15px; }

.reminder-cont .input-part { margin-bottom: 50px; overflow-x: hidden; overflow-y: hidden; }

.reminder-cont .input-part .btn { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; }

.reminder-cont p.end-msg { font-size: 1.3rem; color: rgb(179, 179, 179); margin-top: 30px; }

.reminder-cont .avatar { margin-bottom: 40px; }

.reminder-cont .avatar img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.reminder-cont .help-part { margin-top: 45px; text-align: left; }

.find_password_form { height: 400px; }

.find_password_form .help-part .tc, .find_password_form .help-part .popup-large .reminder, .popup-large .find_password_form .help-part .reminder, .find_password_form .help-part .cont-404 { margin-top: 30px; margin-right: 30px; margin-bottom: 30px; margin-left: 30px; }

.find_password_r_form { height: 240px; }

.find_password_r_form .help-part { margin-top: 75px; }

.mobile { padding-top: 0px !important; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(244, 244, 244); background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.mobile .universal-container { width: 100%; max-width: 414px; padding-bottom: 50px; }

.mobile .m-bg { background-color: white; box-sizing: border-box; padding-top: 10px; padding-right: 6%; padding-bottom: 10px; padding-left: 6%; }

.mobile .ctrl-box { margin-bottom: 20px; }

.mobile .msg-txt { margin-bottom: 0px; }

.mobile .input-part { margin-bottom: 0px; }

.mobile .btn { max-width: 280px; width: 75%; margin-top: 7%; margin-right: auto; margin-bottom: 7%; margin-left: auto; }

.mobile #num { width: auto; }

.mobile .msg { background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; text-align: center; color: rgb(238, 110, 80); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 15px; background-position: initial initial; background-repeat: initial initial; }

.mobile .msg.danger { color: rgb(213, 80, 80) !important; }

.mobile .msg button { display: none; }

.mobile .page-cont { width: auto; }

.mobile .help-part { padding-top: 0px; padding-right: 10%; padding-bottom: 0px; padding-left: 10%; margin-top: 0px; }

.mobile .help-part p { margin-bottom: 10px; }

.mobile .register-form { height: 470px; }

.mobile .logo { display: none; }

.mobile .note { margin-top: 60px; }

.mobile.verification form { box-sizing: border-box; padding-top: 0px; padding-right: 7%; padding-bottom: 0px; padding-left: 7%; }

.mobile.verification .input-part { margin-bottom: 20px; }

.mobile.verification .input-part input { background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.mobile.verification .btns .btn { width: 30%; }

.mobile.verification h1.txt { margin-bottom: 40px; }

.post { overflow-x: hidden; position: relative; }

.post-header .on i { color: rgb(238, 110, 80); }

.post-header .btn-comment { position: relative; }

.post-header .btn-comment span { position: absolute; background-color: rgb(238, 110, 80); color: white; top: -8px; right: -9px; height: 15px; line-height: 15px; font-size: 1rem; padding-top: 1px; padding-right: 5px; padding-bottom: 1px; padding-left: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }

.post-header ul li { position: relative; }

.post-header ul li strong { position: absolute; display: none; background-color: rgb(238, 110, 80); font-size: 1.2rem; height: 14px; line-height: 14px; padding-top: 4px; padding-right: 8px; padding-bottom: 4px; padding-left: 8px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; bottom: 0px; left: 50%; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.post-header ul li strong.pop { display: block; bottom: -5px; }

.post-header ul li strong::after { content: ''; position: absolute; top: -9px; left: 50%; margin-left: -5px; border-top-width: 5px; border-right-width: 5px; border-bottom-width: 5px; border-left-width: 5px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: initial; border-image: initial; border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgb(238, 110, 80); border-left-color: transparent; }

.post-container { position: relative; z-index: 1; padding-bottom: 10%; padding-top: 64px; }

.post-container article { padding-right: 0px; padding-bottom: 6%; padding-left: 0px; padding-top: 30px; }

.post-container article h1 { font-size: 2.6rem; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; line-height: 1.44em; color: rgb(51, 51, 51); }

.post-container article h2 { font-size: 2.1rem; font-weight: bold; margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; color: rgb(51, 51, 51); padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; line-height: 1.43em; }

.post-container article p { font-size: 1.8rem; color: rgb(51, 51, 51); line-height: 1.67em; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; }

.post-container article p a { color: rgb(238, 110, 80); text-decoration: underline; }

.post-container article p a img { display: block; margin-bottom: 6%; }

.post-container article img { width: 100%; height: auto; }

.post-container article blockquote { color: rgb(136, 136, 136); font-size: 1.8rem; border-left-width: 3px; border-left-style: solid; border-left-color: rgb(234, 234, 234); margin-top: 5%; margin-right: 4%; margin-bottom: 5%; margin-left: 4%; padding-left: 15px; line-height: 1.7em; }

.post-container article blockquote p { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.post-container article .iframe-wrapper { width: 90%; height: 0px; padding-bottom: 56.25%; position: relative; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.post-container article .iframe-wrapper iframe { width: 100% !important; height: 100% !important; display: block; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: absolute; }

.post-container article iframe { width: 90% !important; height: 204px !important; display: block; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.post-container article ul, .post-container article ol { padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.post-container article ul li, .post-container article ol li { font-size: 1.8rem; list-style-type: disc; list-style-position: initial; list-style-image: initial; margin-left: 6%; }

.post-container .icon-pin-outline { color: rgb(238, 110, 80); position: relative; top: 2px; font-size: 1.4rem; }

.post-container .post-info { margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; font-size: 1.4rem; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; font-weight: normal; }

.post-container .post-info .switch-language { color: rgb(238, 110, 80); display: block; margin-top: 15px; }

.post-container .post-info .switch-language i { background-image: url(http://m.tmtpost.com/public/css/img/switch-icon.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: 100%; display: inline-block; width: 18px; height: 17px; margin-right: 5px; position: relative; top: 2px; background-position: initial initial; background-repeat: initial initial; }

.post-container p.post-abstract { font-size: 1.6rem; line-height: 1.44em; color: gray; background-color: rgb(244, 244, 244); padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; margin-top: 5%; margin-right: 5%; margin-bottom: 5%; margin-left: 5%; }

.post-container p.caption { font-size: 1.4rem; line-height: 1.3em; text-align: center; }

.post-container p.caption img { margin-bottom: 15px; }

.post-container p.caption::after { content:  ; display: block; width: 30%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(221, 221, 221); margin-top: -2%; margin-right: auto; margin-bottom: 0px; margin-left: auto; position: relative; }

.post-container .post-tags { margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 5%; }

.post-container .post-tags a.tag { color: rgb(102, 102, 102); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; padding-top: 1%; padding-right: 4%; padding-bottom: 1%; padding-left: 4%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; margin-top: 0px; margin-right: 15px; margin-bottom: 3%; margin-left: 0px; display: inline-block; font-size: 1.6rem; }

.post-container .post-tags a.tag:first-child { margin-left: 0px; }

.post-container .post-tags a.tag:last-child { margin-right: 0px; }

.post-container .share-part { width: 70%; background-color: rgb(246, 246, 246); margin-top: 30px; margin-right: 5%; margin-bottom: 30px; margin-left: 5%; padding-top: 10%; padding-right: 10%; padding-bottom: 10%; padding-left: 10%; }

.post-container .share-part .txt { font-size: 1.4rem; color: gray; margin-right: -5px; }

.post-container .share-part [class^="circle"] { margin-left: 15px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; width: 40px; height: 40px; text-align: center; }

.post-container .share-part [class^="circle"] i { line-height: 40px; font-size: 1.8rem; }

.post-container .share-part .circle-weibo { border-top-color: rgb(231, 76, 60); border-right-color: rgb(231, 76, 60); border-bottom-color: rgb(231, 76, 60); border-left-color: rgb(231, 76, 60); }

.post-container .share-part .circle-weibo i { color: rgb(231, 76, 60); }

.post-container .share-part .circle-wechat { border-top-color: rgb(68, 181, 73); border-right-color: rgb(68, 181, 73); border-bottom-color: rgb(68, 181, 73); border-left-color: rgb(68, 181, 73); }

.post-container .share-part .circle-wechat i { color: rgb(142, 229, 102); }

.post-container .share-part .circle-tencent { border-top-color: rgb(57, 178, 226); border-right-color: rgb(57, 178, 226); border-bottom-color: rgb(57, 178, 226); border-left-color: rgb(57, 178, 226); }

.post-container .share-part .circle-tencent i { color: rgb(57, 178, 226); }

.post-container .author-info { margin-right: 5%; margin-bottom: 7%; margin-left: 5%; margin-top: 30px; padding-bottom: 5%; }

.post-container .author-info .author-name { display: block; font-size: 1.6rem; font-weight: bold; line-height: 2em; color: black; }

.post-container .author-avatar { margin-right: 20px; }

.post-container .author-avatar img { width: 60px; height: 60px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; }

.post.normal article h1 { font-size: 3.2rem; }

.post.normal article h2 { font-size: 2rem; }

.post.normal article p { font-size: 1.8rem; }

.post.normal article blockquote { font-size: 1.8rem; }

.post.big article h1 { font-size: 3.8rem; }

.post.big article h2 { font-size: 2.6rem; }

.post.big article p { font-size: 2.4rem; }

.post.big article blockquote { font-size: 2.4rem; }

.post.big article .post-info a { font-size: 2.2rem; }

.post.big .post-tags a.tag { font-size: 2.2rem; }

.post.small article h1 { font-size: 2.6rem; }

.post.small article h2 { font-size: 1.4rem; }

.post.small article p { font-size: 1.2rem; }

.post.small article blockquote { font-size: 1.2rem; }

.post.small article .post-info a { font-size: 1.2rem; }

.post.small .post-tags a.tag { font-size: 1.2rem; }

.comment-title { text-align: center; display: block; font-size: 1.6rem; font-weight: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-bottom: 5%; }

.all-comments { text-align: center; display: block; color: rgb(238, 110, 80); padding-top: 3%; padding-right: 0px; padding-bottom: 3%; padding-left: 0px; }

.share-post ul { padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.share-post ul li { text-align: center; width: 33.3%; }

.share-post ul li a { display: inline-block; color: rgb(102, 102, 102); }

.share-post ul li a span { display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: white; background-color: rgb(204, 204, 204); width: 50px; height: 50px; font-size: 3rem; line-height: 50px; text-align: center; margin-bottom: 5px; }

.share-post ul li .share-sina span { background-color: rgb(245, 100, 103); }

.share-post ul li .share-tencent span { background-color: rgb(59, 180, 233); }

.related_articles { width: 90%; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; margin-bottom: 15px; }

.related_articles h2 { font-size: 1.8rem; line-height: 18px; padding-bottom: 13px; border-bottom-width: 1px; border-bottom-color: rgb(229, 229, 229); border-bottom-style: solid; margin-bottom: 15px; }

.related_articles li { width: 100%; display: inline-block; margin-bottom: 15px; position: relative; overflow-x: hidden; overflow-y: hidden; }

.related_articles li img { float: left; margin-right: 15px; }

.related_articles li .title { display: block; overflow-x: hidden; overflow-y: hidden; font-size: 1.6rem; line-height: 22px; color: rgb(51, 51, 51); position: absolute; left: 105px; top: 50%; -webkit-transform: translateY(-50%); }

.date-bar { background-color: rgb(238, 110, 80); color: white; padding-top: 2%; padding-right: 6%; padding-bottom: 2%; padding-left: 6%; font-size: 1.8rem; }

.date-bar.fixed { position: fixed; top: 0px; height: 35px; line-height: 35px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; width: 100%; padding-left: 6%; display: none; }

.mobile-latest-list .m-header { margin-bottom: 0px; }

.mod-user-info .options .btn { width: 50% !important; }

.mod-user-info .pic .txt { font-size: 3.6rem; background-color: rgb(238, 110, 80); width: 100px; height: 100px; display: block; line-height: 100px; text-align: center; color: white; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.mod-user-info .orange .line { vertical-align: middle; display: inline-block; height: 14px; margin-top: -3px; margin-right: 7px; margin-bottom: 0px; margin-left: 3px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(245, 100, 103); }

.mod-user-info .unfollow .line { border-left-color: white !important; }

.latest-list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-top: 4%; padding-right: 5%; padding-bottom: 4%; padding-left: 5%; }

.latest-list li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.latest-list li a { font-size: 2.4rem; color: rgb(26, 26, 26); display: block; }

.latest-list li time { color: gray; font-size: 1.6rem; line-height: 2em; }

.latest-list li time i { margin-right: 5px; }

.hot-list { padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.hot-list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; }

.hot-list li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.hot-list li > a { display: inline-block; width: 30%; max-width: 90px; margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 0px; float: left; }

.hot-list li > a img { width: 100%; height: auto; }

.hot-list li > div { display: inline-block; width: 65%; }

.hot-list li > div a { font-size: 2.1rem; color: rgb(102, 102, 102); line-height: 1.4em; }

.hot-list li > div .info { font-size: 1.6rem; color: gray; margin-top: 4%; }

.hot-list li > div .info > i { margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 5%; }

.hot-list li > div .info b { font-weight: normal; }

.hot-list li > div .info b i { font-size: 1.4rem; }

.user-article-list { padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.user-article-list .tit { font-size: 2rem; text-align: center; margin-bottom: 30px; }

.mod-article-list { padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.mod-article-list ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; position: relative; }

.mod-article-list ul li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.mod-article-list ul li h3 { font-size: 2.2rem; margin-bottom: 13px; line-height: 1.2em; }

.mod-article-list ul li h3 a { color: rgb(17, 17, 17); }

.mod-article-list ul li .delete-handle { display: inline-block; width: 30px; height: 30px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(238, 110, 80); background-size: initial; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; color: white; font-size: 3em; line-height: 0.7em; vertical-align: top; margin-right: 5%; margin-left: -48px; float: left; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; background-position: initial initial; background-repeat: initial initial; }

.mod-article-list ul li .delete-btn { background-color: rgb(238, 110, 80); color: white; width: 90px; padding-top: 15px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; text-align: center; position: absolute; right: -51%; top: 24%; font-size: 1.6rem; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.mod-article-list ul li .cont { display: inline-block; width: 100%; -webkit-transition-property: all; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.mod-article-list ul li .info { font-size: 1.5rem; color: gray; }

.mod-article-list ul li .info .author i { margin-right: 5px; }

.mod-article-list ul li .info .line { margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 7px; }

.mod-article-list ul li .info time { color: rgb(187, 187, 187); float: right; margin-top: 1px; white-space: nowrap; }

.mod-article-list ul li a { color: gray; }

.mod-article-list ul li.on .delete-btn { right: 0px; }

.mod-article-list ul li.on .delete-handle { margin-left: -25%; }

.mod-article-list.on .cont { width: 80%; display: inline-block; }

.mod-article-list.on .delete-handle { display: inline-block; margin-left: 0px; }

.post-nav { background-color: rgb(242, 242, 242); width: 100%; padding-top: 2%; padding-right: 0px; padding-bottom: 2%; padding-left: 0px; color: rgb(174, 174, 174); }

.post-nav a { color: rgb(174, 174, 174); text-align: center; font-size: 1.6rem; }

.post-nav a.current { color: rgb(238, 110, 80); }

.list_top { margin-top: -20px; }

.list_top .pic { position: relative; }

.list_top .pic img { width: 100%; height: auto; max-height: 230px; }

.list_top .title { position: absolute; bottom: 5%; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; font-size: 2.6rem; }

.list_top .abstract { background-color: rgb(242, 242, 242); padding-top: 5%; padding-right: 5%; padding-bottom: 3%; padding-left: 5%; font-size: 1.6rem; line-height: 26px; }

.list_top .options { background-color: rgb(242, 242, 242); padding-bottom: 20px; }

.list_top .unfollow .line { border-left-color: white !important; }

.list_top .orange .line { vertical-align: middle; display: inline-block; height: 14px; margin-top: -3px; margin-right: 7px; margin-bottom: 0px; margin-left: 3px; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(245, 100, 103); }

.author-list { padding-top: 5%; padding-right: 5%; padding-left: 5%; padding-bottom: 0px; }

.author-list li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; }

.author-list li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.author-list .avatar { display: inline-block; width: 20%; margin-right: 5%; }

.author-list .avatar img { width: 100%; height: auto; display: block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(187, 187, 187); border-right-color: rgb(187, 187, 187); border-bottom-color: rgb(187, 187, 187); border-left-color: rgb(187, 187, 187); border-image: initial; }

.author-list .author-info { display: inline-block; width: 70%; vertical-align: top; }

.author-list .author-info a { width: 60%; display: inline-block; overflow-x: hidden; overflow-y: hidden; white-space: nowrap; position: relative; }

.author-list .author-info a::after { content: ''; display: block; height: 28px; right: 0px; top: 0px; width: 30px; position: absolute; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.author-list .author-info div { height: 28px; line-height: 28px; }

.author-list .author-name { font-size: 2rem; color: rgb(102, 102, 102); }

.author-list button { float: right; }

.author-list p { font-size: 1.4rem; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

.score-list { margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; }

.score-list li { padding-top: 8px; padding-right: 5%; padding-bottom: 8px; padding-left: 5%; }

.score-list li span { margin-left: 5px; float: right; }

.score-list li.bar { background-color: rgb(244, 244, 244); line-height: 1.5em; padding-top: 4px; padding-right: 5%; padding-bottom: 4px; padding-left: 5%; }

.comments-list li { padding-top: 5%; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); }

.comments-list .avatar { width: 38px; display: inline-block; margin-top: 0px; margin-right: 2%; margin-bottom: 0px; margin-left: 5%; }

.comments-list .avatar img { width: 38px; height: 38px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.comments-list .comment-content { display: inline-block; width: 75%; vertical-align: top; margin-right: 5%; }

.comments-list .comment-content div a { color: rgb(238, 110, 80); margin-right: 3px; }

.comments-list .comment-content div time { color: rgb(187, 187, 187); }

.comments-list .comment-content div span { color: rgb(102, 102, 102); float: right; }

.comments-list .comment-content div span i { margin-right: 3px; }

.comments-list .comment-content p { margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; line-height: 1.4em; font-size: 1.4rem; }

.comments-list .comment-content p img { width: 15px; height: auto; }

.comments-list .comment-content .ajax-action.on { color: rgb(238, 110, 80); }

.comments-list .comment-content .ajax-action b { font-weight: normal; }

.comments-list .comment-content .like .icon-i::after { content: ; }

.comments-list .comment-content .like.on .icon-i::after { content: ; }

.comments-list .panel .dislike .icon-i::after { content: ; }

.comments-list .panel .dislike.on .icon-i::after { content: ; }

.comments-list .panel { background-color: rgb(238, 110, 80); color: white; text-align: center; display: none; }

.comments-list .panel span { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

.comments-list .panel span i { margin-right: 5px; }

.comments-list .panel .disabled { color: rgb(218, 77, 44); }

.comments-list li.active-cell { background-color: rgb(246, 241, 234); }

.comments-list li.active-cell .name-box::after { background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgb(246, 241, 234) 100%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.comments-list li.active-cell .panel { display: -webkit-box; }

.comments-list .name-box { width: 80%; white-space: nowrap; overflow-x: hidden; overflow-y: hidden; display: inline-block; float: left; position: relative; }

.comments-list .name-box i { color: rgb(238, 110, 80); }

.comments-list .name-box::after { content: ''; position: absolute; right: 0px; top: 3px; width: 40%; height: 12px; background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.search-list { padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.search-list li { padding-top: 4%; padding-right: 0px; padding-bottom: 4%; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); }

.search-list li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.search-list li h2 { color: black; line-height: 1.5em; }

.search-list li h2 em { color: rgb(238, 110, 80); margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-style: normal; }

.search-list li h2 a { color: black; }

.search-list li time, .search-list li span, .search-list li span a { color: rgb(102, 102, 102); margin-top: 5px; display: inline-block; }

.notification-list { padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.notification-list li { border-top-width: 1px; border-top-style: solid; border-top-color: rgb(229, 229, 229); padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; font-size: 1.4rem; position: relative; }

.notification-list li.new::before { content: ''; display: block; position: absolute; left: 0px; margin-top: 5px; background-color: rgb(238, 110, 80); width: 7px; height: 7px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.notification-list li p { line-height: 1.3em; }

.notification-list li a { color: rgb(238, 110, 80); margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; display: inline-block; }

.notification-list li time { color: rgb(187, 187, 187); font-size: 1.2rem; display: block; }

.notification-list li .comment-bubble { background-color: rgb(246, 246, 246); color: rgb(139, 128, 128); padding-top: 4%; padding-right: 4%; padding-bottom: 4%; padding-left: 4%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; position: relative; margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

.notification-list li .comment-bubble::after { content: ''; display: block; position: absolute; border-top-width: 7px; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: initial; border-image: initial; border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgb(246, 246, 246); border-left-color: transparent; top: -13px; }

.no-result { text-align: center; font-size: 1.6rem; color: rgb(187, 187, 187); margin-top: 10%; margin-right: 0px; margin-bottom: 10%; margin-left: 0px; }

.load-more { text-align: center; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.user-set-cont { width: 700px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: center; }

.user-set-cont h1 { font-size: 2.4rem; margin-bottom: 40px; }

.user-set-cont .avatar { width: 100px; height: 100px; margin-top: 0px; margin-right: auto; margin-bottom: 80px; margin-left: auto; }

.user-set-cont .avatar img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.user-set-cont .avatar .change-avatar { width: 100%; height: 25px; line-height: 26px; display: inline-block; background-color: white; opacity: 0.5; position: relative; top: -35px; }

.user-set-cont .user-form { text-align: left; }

.user-set-cont .user-form label { display: block; margin-bottom: 18px; font-size: 1.8rem; }

.user-set-cont .user-form .form-part { padding-bottom: 18px; border-bottom-width: 1px; border-bottom-color: rgb(242, 242, 242); border-bottom-style: solid; margin-bottom: 30px; position: relative; }

.user-set-cont .user-form .part-reminder { font-size: 1.3rem; color: rgb(179, 179, 179); margin-bottom: 18px; }

.user-set-cont .user-form .part-reminder i { margin-right: 10px; }

.user-set-cont .user-form .part-reminder .icon-sina { color: rgb(245, 100, 103); }

.user-set-cont .user-form .part-reminder .icon-tencent { color: rgb(56, 166, 215); }

.user-set-cont .user-form .right-button { position: absolute; top: 50%; margin-top: -15px; right: 0px; }

.user-set-cont .user-form .right-button button.fr, .user-set-cont .user-form .right-button .p-header button.options, .p-header .user-set-cont .user-form .right-button button.options, .user-set-cont .user-form .right-button .login-form button.get-captcha, .login-form .user-set-cont .user-form .right-button button.get-captcha, .user-set-cont .user-form .right-button .register-form button.get-captcha, .register-form .user-set-cont .user-form .right-button button.get-captcha, .user-set-cont .user-form .right-button .m-app-down .section button.right, .m-app-down .section .user-set-cont .user-form .right-button button.right { display: block; margin-bottom: 10px; }

.user-set-cont .user-form .radio { display: inline-block; margin-right: 50px; }

.user-set-cont .user-form .line { color: gray; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.user-set-cont .user-form .input_data { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; color: gray; }

.user-set-cont .user-form .input_data.year { width: 30px; }

.user-set-cont .user-form .input_data.month { width: 10px; }

.user-set-cont .user-form .input_data.day { width: 20px; }

.mod-user-info { margin-bottom: 20px; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.mod-user-info .pic { width: 100px; position: relative; margin-bottom: 30px; }

.mod-user-info .pic .level { font-size: 1.3rem; color: white; position: absolute; right: 0px; bottom: 0px; background-color: rgb(253, 102, 57); width: 26px; height: 26px; line-height: 28px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.mod-user-info .pic .level.blue { background-color: rgb(78, 170, 233); }

.mod-user-info .pic img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }

.mod-user-info .name { margin-bottom: 17px; font-size: 2.8rem; color: rgb(51, 51, 51); text-align: center; }

.mod-user-info .bio { font-size: 1.6rem; text-align: center; color: gray; margin-top: 20px; margin-right: 10px; margin-bottom: 20px; margin-left: 10px; line-height: 1.5em; }

.mod-user-info .info { width: 258px; margin-bottom: 5px; line-height: 44px; }

.mod-user-info .info .child { padding-top: 8px; text-align: center; }

.mod-user-info .info .line { height: 60px; width: 2px; vertical-align: middle; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(228, 228, 228); }

.mod-user-info .info .t { display: block; font-size: 1.2rem; margin-bottom: 5px; color: rgb(179, 179, 179); }

.mod-user-info .info .num { font-weight: normal; color: rgb(238, 110, 80); font-size: 1.8rem; }

.mod-user-info .options { text-align: center; }

.mod-user-info .options .btn { width: 35%; height: 50px; font-size: 1.8rem; }

.mod-user-info .options .t { line-height: 34px; font-size: 1.8rem; color: rgb(238, 110, 80); }

.user-article-list .no-author { line-height: 24px; }

.list-page { padding-top: 20px; }

.mm-opened .mm-slideout::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; background-color: rgba(0, 0, 0, 0.296875); }

#content { background-color: white; }

.m-header { margin-bottom: 0px; }

.index .post-header { box-shadow: none; }

.fb { width: 100%; height: 0px; padding-bottom: 60%; position: relative; overflow-x: hidden; overflow-y: hidden; }

.islider-dot-wrap { bottom: 30px !important; }

#iSlider-wrapper { width: 100%; overflow-x: hidden; overflow-y: hidden; }

.feature-box { overflow-x: hidden; overflow-y: hidden; position: relative; }

.feature-box h2 { font-size: 2.8rem; color: white; position: absolute; bottom: 15px; z-index: 10; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; line-height: 1.2em; }

.feature-box a { display: inline-block; position: relative; width: 100%; }

.feature-box a.prolink::after { display: none; }

.feature-box a img { width: 100%; height: auto; }

.feature-box a::after { content: ''; display: block; width: 100%; height: 0px; padding-top: 60%; position: absolute; top: 0px; background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.648438) 100%); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; background-position: initial initial; background-repeat: initial initial; }

.mobile-tag .post-card .info time { margin-top: 2px; vertical-align: top; }

.post-card { padding-top: 30px; padding-right: 5%; padding-bottom: 30px; padding-left: 5%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); }

.post-card:first-child { padding-top: 10px; }

.post-card > a { width: 100%; display: inline-block; height: 0px; padding-bottom: 40%; overflow-x: hidden; overflow-y: hidden; margin-bottom: 30px; }

.post-card > a img { width: 100%; -webkit-transform: translateY(-25%); }

.post-card h2 { font-size: 2.5rem; line-height: 1.2em; margin-bottom: 5%; }

.post-card h2 a { color: rgb(51, 51, 51); }

.post-card p { color: gray; font-size: 1.6rem; line-height: 1.44em; margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; }

.post-card .info { font-size: 1.5rem; color: gray; overflow-x: hidden; }

.post-card .info .author { display: block; float: left; white-space: nowrap; }

.post-card .info .author i { margin-right: 5px; }

.post-card .info .author .icon-tag2 { font-size: 1.8rem; position: relative; top: 2px; }

.post-card .info .line { margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 7px; }

.post-card .info .dot { margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 7px; font-size: 1.4rem; font-style: normal; color: rgb(187, 187, 187); }

.post-card .info time { color: rgb(187, 187, 187); margin-top: -3px; white-space: nowrap; }

.post-card .info a { color: gray; }

.special-card { box-sizing: border-box; color: white; background-size: cover; width: 100%; height: 0px; padding-bottom: 40%; position: relative; overflow-x: hidden; overflow-y: hidden; display: block; }

.special-card::after { content: ''; background-color: rgba(0, 0, 0, 0.398438); position: absolute; display: block; width: 100%; height: 0px; padding-bottom: 40%; top: 0px; left: 0px; }

.special-card strong { font-size: 1.6rem; color: rgb(238, 110, 80); padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; display: block; position: relative; z-index: 10; }

.special-card p { font-size: 1.8rem; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; line-height: 1.3em; z-index: 10; overflow-x: hidden; overflow-y: hidden; border-left-width: 3px; border-left-style: solid; border-left-color: white; position: absolute; width: 80%; left: 5%; top: 50%; -webkit-transform: translateY(-50%); }

.hot-box { background-color: rgb(242, 242, 242); padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.hot-box .title-box p { font-size: 2.2rem; color: rgb(102, 102, 102); float: left; }

.hot-box .title-box a { float: right; }

.hot-box .title-box a span { background-color: rgb(238, 110, 80); color: white; text-align: center; border-top-left-radius: 40px; border-top-right-radius: 40px; border-bottom-right-radius: 40px; border-bottom-left-radius: 40px; padding-top: 2px; padding-right: 10px; padding-bottom: 2px; padding-left: 10px; font-size: 1.5rem; margin-right: 10px; display: inline-block; }

.hot-box .title-box a i { font-size: 1.8rem; color: rgb(102, 102, 102); }

.hot-box .hot-list { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.hot-box .hot-list li { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.hot-box .hot-list li a { color: rgb(51, 51, 51); font-size: 1.8rem; }

.explore { padding-top: 3%; padding-right: 2.5%; padding-bottom: 3%; padding-left: 2.5%; }

.explore .m-header { box-shadow: none; }

.explore .part { position: relative; font-size: 1.8rem; color: white; background-color: rgb(225, 223, 221); margin-top: 0px; margin-right: 2.5%; margin-bottom: 5%; margin-left: 2.5%; width: 45%; padding-top: 45%; text-align: center; }

.explore .part > a { width: 100%; height: 100%; display: block; position: absolute; top: 0px; }

.explore .part > a .inner { color: white; }

.explore .part .inner { z-index: 2; left: 50%; top: 50%; position: absolute; width: 50%; height: 50%; margin-left: -25%; margin-top: -25%; background-color: rgb(96, 127, 119); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; }

.explore .part .inner .name { font-size: 1.8rem; color: white; position: absolute; z-index: 3; width: 80%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); }

.explore .bid a { height: auto; }

.explore .list a .inner { max-width: 100px !important; }

.explore .e .inner { background-color: rgb(157, 84, 81); }

.explore .bid { margin-top: 0px; margin-right: 2.5%; margin-bottom: 0px; margin-left: 2.5%; text-align: left; width: 81%; padding-top: 5%; padding-right: 7%; padding-bottom: 5%; padding-left: 7%; background-color: rgb(82, 75, 71); }

.explore .bid .t { font-size: 1.4rem; color: rgb(238, 110, 80); margin-bottom: 2%; }

.explore .full { margin-bottom: 5%; }

.explore .full a { color: white; position: relative; }

.explore .list .part.color-1 { background-color: rgb(185, 92, 77); }

.explore .list .part.color-2 { background-color: rgb(74, 151, 163); }

.explore .list .part.color-3 { background-color: rgb(96, 127, 119); }

.explore .list .part.color-4 { background-color: rgb(157, 84, 81); }

.explore .list .part.color-5 { background-color: rgb(146, 168, 158); }

.explore .list .part.color-6 { background-color: rgb(207, 152, 109); }

.explore .list .part .inner { border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-size: initial; text-align: center; background-position: initial initial; background-repeat: initial initial; }

.explore .list .part .inner img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial; margin-bottom: 18px; }

.explore .list .part .inner a { color: white; display: block; width: 100px; }

.btn-box { width: 70%; margin-top: 8%; margin-right: auto; margin-bottom: 8%; margin-left: auto; }

.home { width: 100%; }

.home .name a { color: black; }

.home .name a::after { content: ; font-size: 1.6rem; color: rgb(102, 102, 102); left: 10px; top: -2px; display: inline-block; position: relative; }

.home .mod-user-info { margin-bottom: 0px; }

.home .mod-user-info .info { line-height: 2.5em; }

.home .mod-user-info .info > div, .home .mod-user-info .info > a { font-size: 1.6rem; color: rgb(102, 102, 102); }

.home .mod-user-info .info strong.num { display: block; font-size: 2.4rem; }

.home .mod-user-info .info .line { height: 40px; margin-top: 16px; }

.home .mod-user-info .info a { color: rgb(102, 102, 102); }

.home .mod-user-info .file-input { display: none; }

.home .setting-form ul { padding-top: 0px; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.home .setting-form ul li { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-top: 3%; padding-right: 0px; padding-bottom: 3%; padding-left: 0px; }

.home .setting-form ul li input, .home .setting-form ul li textarea { width: 75%; padding-top: 3%; padding-right: 0px; padding-bottom: 3%; padding-left: 0px; vertical-align: middle; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; resize: none; }

.home .setting-form ul li textarea { vertical-align: top; padding-top: 0px; }

.home .setting-form ul li span { display: inline-block; margin-right: 10%; vertical-align: middle; }

.home .mini { padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 5%; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(229, 229, 229); }

.home .mini .pic { width: 70px; display: inline-block; margin-bottom: 0px; }

.home .mini .pic img { width: 70px; height: 70px; }

.home .mini .box { width: 65%; display: inline-block; margin-left: 5%; vertical-align: top; }

.home .mini .box h1 { margin-bottom: 15px; margin-top: 4px; }

.home .mini .box h1 a { color: black; font-size: 2.2rem; }

.home .mini .box span { color: rgb(187, 187, 187); font-size: 1.7rem; }

.home .process-box { padding-top: 7%; padding-right: 0px; padding-bottom: 7%; padding-left: 0px; margin-top: 0px; margin-right: 5%; margin-left: 5%; margin-bottom: 20px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-image: initial; border-left-style: none; border-left-width: initial; border-left-color: initial; border-right-style: none; border-right-width: initial; border-right-color: initial; }

.home .process-box > span { white-space: nowrap; }

.home .process-box .process-bar { margin-top: 5%; margin-right: 0px; margin-bottom: 3%; margin-left: 0px; background-color: rgb(246, 241, 234); height: 10px; width: 100%; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; overflow-x: hidden; overflow-y: hidden; position: relative; }

.home .process-box .process-bar span { background-color: rgb(238, 110, 80); display: inline-block; height: 10px; width: 0px; position: absolute; -webkit-transition-property: all; -webkit-transition-duration: 1.2s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.home #change-password, .home #change-account { width: 90%; }

.home .cropFrame { display: block; margin-top: 10%; margin-right: auto; margin-bottom: 10%; margin-left: auto; }

.home .show-note { text-align: center; margin-top: 20px; }

.home .level-info a { color: rgb(238, 110, 80); }

.home .note-layer { padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.home .note-layer .note-list li strong { display: inline-block; margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; border-left-width: 5px; border-left-style: solid; border-left-color: rgb(238, 110, 80); padding-left: 2%; }

.home .note-layer .rule-list li strong { display: block; background-color: rgb(244, 244, 244); margin-top: 2%; margin-right: 0px; margin-bottom: 2%; margin-left: 0px; line-height: 2em; padding-left: 2%; }

.home .note-layer .rule-list li p { padding-left: 2%; }

.setting-list { padding-right: 5%; padding-bottom: 5%; padding-left: 5%; padding-top: 0px; }

.setting-list li { font-size: 1.4rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); }

.setting-list li:last-child { border-bottom-style: none; border-bottom-width: initial; border-bottom-color: initial; }

.setting-list li a { color: black; display: inline-block; padding-top: 25px; padding-right: 0px; padding-bottom: 25px; padding-left: 0px; position: relative; width: 100%; outline-style: none; outline-width: initial; outline-color: initial; }

.setting-list li a::after { content: ; position: absolute; right: 0px; margin-top: 2px; color: rgb(187, 187, 187); font-size: 1.4rem; }

.setting-list li span { color: rgb(102, 102, 102); float: right; margin-right: 25px; margin-top: -2px; white-space: nowrap; }

.cropFrame { border-top-left-radius: 280px; border-top-right-radius: 280px; border-bottom-right-radius: 280px; border-bottom-left-radius: 280px; }

.mobile-sns .setting-list { padding-top: 5%; }

.mobile-sns .setting-list li .icon-sina { border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(245, 100, 103); border-right-color: rgb(245, 100, 103); border-bottom-color: rgb(245, 100, 103); border-left-color: rgb(245, 100, 103); border-image: initial; color: rgb(245, 100, 103); padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-right: 10px; }

.mobile-sns .setting-list li .btn { top: -5px; display: inline-block; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; width: 20%; font-size: 1.2rem; }

.mobile-sns .setting-list li .sns-link { display: inline; color: rgb(238, 110, 80); }

.mobile-sns .setting-list li a::after { content: '' !important; display: none; }

.mobile-comment-list h2 { background-color: rgb(242, 242, 242); font-size: 1.6rem; color: rgb(102, 102, 102); line-height: 1.8em; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.mobile-comment-list .m-header { margin-bottom: 0px; position: fixed; z-index: 99; }

.mobile-comment-list .comments { padding-top: 64px; }

.mobile-comment-list .note { color: rgb(187, 187, 187); text-align: center; font-size: 1.8rem; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }

.mobile-comment-list .layer { width: 100%; height: 100%; display: none; }

.mobile-comment-list .layer h3 { font-size: 2rem; text-align: center; padding-top: 6%; padding-right: 0px; padding-bottom: 6%; padding-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); margin-top: 0px; margin-right: 5%; margin-bottom: 0px; margin-left: 5%; position: relative; }

.mobile-comment-list .layer h3 span { float: right; }

.mobile-comment-list #reply { height: 100%; }

.mobile-comment-list #reply span { float: left; font-size: 1.6rem; margin-top: 4px; color: rgb(102, 102, 102); }

.mobile-comment-list #reply i { float: right; font-style: normal; font-size: 1.6rem; margin-top: 4px; color: rgb(102, 102, 102); }

.mobile-comment-list #reply textarea { width: 100%; padding-top: 5%; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; box-sizing: border-box; font-size: 16px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; resize: none; height: 50%; }

.mobile-comment-list .modal { width: 80%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; overflow-x: hidden; overflow-y: hidden; }

.mobile-comment-list .modal label { width: 100%; font-size: 1.6rem; }

.mobile-comment-list .modal label input { width: 35%; display: inline-block; border-top-style: none; border-right-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(204, 204, 204); }

.mobile-comment-list .modal img { margin-right: 10px; }

.mobile-comment-list .modal div { margin-top: 12px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px; }

.mobile-comment-list .modal p { line-height: 1.3em; }

.mobile-comment-list .modal a { color: rgb(238, 110, 80); }

.mobile-comment-list .modal .justify-flex { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.mobile-comment-list .modal .justify-flex span, .mobile-comment-list .modal .justify-flex a { text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-image: initial; padding-top: 14px; padding-right: 0px; padding-bottom: 14px; padding-left: 0px; width: 50%; }

.mobile-comment-list .modal .inner-container { padding-bottom: 0px; }

.mobile-comment-list .modal #captcha { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.mobile-comment-list #captcha-box { height: auto; }

.mobile-comment-list #success-note { display: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

.mobile-comment-list #success-note strong { font-size: 1.8rem; width: 80%; display: block; text-align: center; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto; line-height: 1.2em; }

.mobile-comment-list #success-note strong span { color: rgb(238, 110, 80); margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }

.mobile-comment-list #success-note p { text-align: center; color: rgb(102, 102, 102); margin-top: 20px; margin-right: 0px; margin-bottom: 40px; margin-left: 0px; }

.mobile-advice .m { padding-top: 64px; }

.mobile-advice .advice-note { padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.mobile-advice .advice-note p { font-size: 1.6rem; line-height: 1.3em; margin-top: 1em; margin-right: 0px; margin-bottom: 1em; margin-left: 0px; }

.mobile-advice .advice-note .btn { margin-top: 0px !important; margin-right: auto !important; margin-bottom: 20px !important; margin-left: auto !important; width: 50% !important; display: block !important; line-height: 38px; }

.mobile-auction .m-header { margin-bottom: 0px; }

.mobile-auction .feature-box { margin-top: 0px; }

.mobile-auction .feature-box h2 p { font-size: 1.4rem; }

.mobile-auction .auction-info { background-color: rgb(238, 110, 80); color: white; padding-top: 2%; padding-right: 5%; padding-bottom: 2%; padding-left: 5%; }

.mobile-auction .auction-info li { padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 1.4rem; }

.mobile-auction .auction-description { color: rgb(102, 102, 102); background-color: rgb(242, 242, 242); font-size: 1.4rem; line-height: 1.4em; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.mobile-auction .user-article-list h2 { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); font-size: 1.6rem; padding-top: 5%; padding-right: 0px; padding-bottom: 5%; padding-left: 0px; margin-bottom: 0px; }

.mobile-auction .user-article-list .mod-article-list { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.mobile-auction .user-article-list li { padding-top: 8%; padding-right: 0px; padding-bottom: 8%; padding-left: 0px; }

.mobile-auction .user-article-list li h3 { font-size: 1.8rem; }

.mobile-event .m-header { margin-bottom: 0px; }

.mobile-event .feature-box { margin-top: 0px; height: 0px; padding-bottom: 50%; }

.mobile-event .feature-box a::after { display: none; }

.mobile-event .fbox { position: relative; }

.mobile-event .fbox .data-cell { display: none; }

.mobile-event .info-box p { display: none; }

.mobile-event .event-description { color: rgb(102, 102, 102); background-color: rgb(242, 242, 242); font-size: 1.4rem; line-height: 1.4em; padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.mobile-event .event-description .btn { display: block; width: 38%; margin-top: 10px; }

.mobile-event .section-title { font-size: 1.6rem; text-align: center; margin-top: 15px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(229, 229, 229); padding-bottom: 8px; }

.mobile-event .event-list li { padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; overflow-x: auto; overflow-y: auto; font-size: 1.4rem; }

.mobile-event .event-list li span { display: inline-block; width: 13%; text-align: center; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(238, 110, 80); border-right-color: rgb(238, 110, 80); border-bottom-color: rgb(238, 110, 80); border-left-color: rgb(238, 110, 80); border-image: initial; color: rgb(238, 110, 80); border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; margin-right: 8px; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; }

.mobile-event .event-list li span.approach { background-color: rgb(238, 110, 80); color: white; }

.mobile-event .event-list li b { font-weight: normal; line-height: 1.5em; width: 80%; }

.mobile-event .event-block { display: block; font-size: 1.4rem; }

.mobile-event .event-block a { color: white; padding-top: 7%; padding-right: 5%; padding-bottom: 7%; padding-left: 5%; display: block; }

.mobile-event .event-block li { display: block; color: white; margin-top: 15px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; font-size: 1.6rem; }

.mobile-event .event-block li time { display: block; line-height: 2em; font-size: 1.4rem; }

.mobile-event .event-block li.bc-1 { background-color: rgb(185, 92, 77); }

.mobile-event .event-block li.bc-2 { background-color: rgb(74, 151, 163); }

.mobile-event .event-block li.bc-3 { background-color: rgb(207, 152, 109); }

.mobile-event .event-block li.bc-4 { background-color: rgb(146, 168, 158); }

.mobile-about .bg-title { background-color: rgb(242, 242, 242); font-size: 1.6rem; color: rgb(102, 102, 102); line-height: 1.8em; padding-top: 0px; padding-right: 5%; padding-bottom: 0px; padding-left: 5%; }

.mobile-about .m-header { margin-bottom: 0px; }

.mobile-about .about-cont { padding-top: 0px; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; }

.mobile-about .about-cont a { color: rgb(238, 110, 80); }

.mobile-about .about-cont p { font-size: 1.6rem; line-height: 1.4em; margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; }

.mobile-about .about-cont h2 { margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; color: rgb(238, 110, 80); }

.mobile-about .about-cont h3 { font-size: 1.6rem; font-weight: bold; margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; }

.mobile-about .about-cont ul { margin-top: 5%; margin-right: 0px; margin-bottom: 5%; margin-left: 0px; padding-left: 5%; }

.mobile-about .about-cont ul li { font-size: 1.4rem; line-height: 1.3em; padding-top: 2px; padding-right: 0px; padding-bottom: 2px; padding-left: 0px; list-style-type: decimal; list-style-position: initial; list-style-image: initial; }

.mobile-about .about-cont .contact-list { color: rgb(102, 102, 102); }

.mobile-report .m-header { margin-bottom: 0px; }

.mobile-report .report-progress-bar { background-color: rgb(242, 242, 242); }

.mobile-report .report-progress-bar div { text-align: center; }

.mobile-report .report-progress-bar div.current span { background-color: rgb(238, 110, 80); font-size: 1.8rem; }

.mobile-report .report-progress-bar span { text-align: center; display: inline-block; width: 26px; height: 26px; background-color: rgb(179, 179, 179); color: white; line-height: 26px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; border-image: initial; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; font-size: 1.6rem; -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; -webkit-transition-delay: initial; }

.mobile-report .report { padding-top: 5%; padding-right: 5%; padding-bottom: 5%; padding-left: 5%; display: none; }

.mobile-report .report.show { display: block; }

.mobile-report .report p { font-size: 1.8rem; margin-top: 20px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; line-height: 1.5em; }

.mobile-report .report label { font-size: 1.6rem; }

.mobile-report .report label input, .mobile-report .report label textarea { display: block; width: 100%; height: 36px; line-height: 36px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); border-image: initial; margin-top: 10px; margin-right: 0px; margin-bottom: 20px; margin-left: 0px; box-sizing: border-box; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; }

.mobile-report .report label textarea { height: 80px; }

.mobile-report .report label select { display: block; width: 100%; margin-top: 10px; margin-right: 0px; margin-bottom: 15px; margin-left: 0px; }

.mobile-report .report label .radio { display: inline-block; width: 15px; height: auto; margin-top: 15px; }

.mobile-report .report label span { margin-top: 0px; margin-right: 45px; margin-bottom: 0px; margin-left: 10px; }

.mobile-report .report-cell-2, .mobile-report .report-cell-3 { display: none; }

.app-down-container .section { text-align: center; position: relative; height: 100%; background-color: rgb(249, 249, 249); }

.app-down-container .section .cont { width: 720px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.app-down-container .section .left, .app-down-container .section .right { display: inline-block; }

.app-down-container .section .left { margin-right: 130px; }

.app-down-container .section .app-img img { width: 285px; height: auto; }

.app-down-container .section .intro-text { width: 300px; text-align: left; }

.app-down-container .section .intro-text .top { margin-bottom: 28px; }

.app-down-container .section .intro-text h3 { font-size: 4.8rem; line-height: 49px; display: inline-block; margin-right: 25px; }

.app-down-container .section .intro-text img { vertical-align: top; }

.app-down-container .section .intro-text .circle { display: inline-block; width: 48px; height: 48px; text-align: center; line-height: 50px; vertical-align: top; background-color: white; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: rgb(229, 229, 229); border-right-color: rgb(229, 229, 229); border-bottom-color: rgb(229, 229, 229); border-left-color: rgb(229, 229, 229); border-image: initial; color: rgb(160, 165, 169); font-size: 2rem; }

.app-down-container .section .intro-text .intro { color: rgb(102, 102, 102); font-size: 1.8rem; line-height: 28px; }

.app-down-container .section .bottom { position: absolute; bottom: 0px; left: 50%; -webkit-transform: translateX(-50%); }

.app-down-container .section .icons { margin-bottom: 60px; }

.app-down-container .section .icons a { margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; color: rgb(179, 179, 179); }

.app-down-container .section .icons i { font-size: 2.4rem; }

.app-down-container .bg-whiter { background-color: white; }

.app-down-container .page-1 { background-color: rgb(251, 98, 90); padding-top: 120px; }

.app-down-container .page-1 .fp-tableCell { vertical-align: top; }

.app-down-container .page-1 h2 { color: white; font-size: 6rem; line-height: 62px; margin-bottom: 20px; }

.app-down-container .page-1 h3 { color: white; font-size: 2.4rem; line-height: 25px; margin-bottom: 35px; }

.app-down-container .page-1 .buttons { margin-bottom: 50px; }

.app-down-container .page-1 .buttons .btn { margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; color: white; font-size: 1.8rem; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; }

.app-down-container .page-1 .buttons .btn i { margin-right: 10px; }

.app-down-container .page-1 .buttons .android-btn { background-color: white; color: rgb(251, 98, 90); }

.app-down-container .page-1 .bottom { position: static; }

.app-down-container .page-1 .bottom img { margin-top: 0px; margin-right: auto; margin-left: auto; width: 540px; height: auto; margin-bottom: -80%; }

.app-down-container .page-1 .qrcode { display: inline-block; margin-bottom: 20px; width: 130px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; background-color: white; border-top-left-radius: 19px; border-top-right-radius: 19px; border-bottom-right-radius: 19px; border-bottom-left-radius: 19px; }

.app-down-container .page-1 .qrcode h4 { font-size: 1.8rem; line-height: 19px; margin-bottom: 11px; }

.m-app-down { text-align: center; }

.m-app-down .section { background-color: rgb(244, 244, 244); color: rgb(51, 51, 51); padding-top: 10%; padding-right: 0px; padding-bottom: 10%; padding-left: 0px; }

.m-app-down .section h3 { text-align: left; font-size: 2.6rem; line-height: 27px; margin-bottom: 20px; }

.m-app-down .section p { font-size: 1.6rem; line-height: 21px; text-align: left; }

.m-app-down .section .intro-text { width: 50%; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; }

.m-app-down .section .app-img { max-width: 20%; }

.m-app-down .section .app-img img { height: auto; max-width: 100%; }

.m-app-down .bg-whiter { background-color: white; }

.m-app-down .page-1 { background-image: url(http://m.tmtpost.com/public/css/img/m-app-bg.png); background-attachment: fixed; background-size: cover; padding-top: 18%; padding-right: 10%; padding-bottom: 18%; padding-left: 10%; background-position: 50% 50%; background-repeat: no-repeat no-repeat; }

.m-app-down .page-1 h2 { margin-bottom: 15px; font-size: 6rem; line-height: 62px; color: white; }

.m-app-down .page-1 h3 { margin-bottom: 55px; font-size: 2.4rem; line-height: 25px; color: white; text-align: center; }

.m-app-down .page-1 .buttons .btn { display: block; margin-bottom: 25px; background-color: white; border-top-color: white; border-right-color: white; border-bottom-color: white; border-left-color: white; color: rgb(51, 51, 51); }